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Chapter  1:  What's  New 


New  features  summary 


The  2015  release  of  Adobe*  Flash  Professional*  CC  reintroduces  the  IK  bone  tool  that  enables  you  to  create  bone 
armatures  using  symbols  or  shapes  that  can  be  easily  turned  into  life-like  animation.  The  release  also  comes  with  H.264 
video  import,  universal  document  type  converter,  integration  with  the  latest  Flash  Player  and  AIR  SDK,  and  many  more 
enhancements.  Continue  reading  for  a  quick  introduction  to  new  features  available  with  the  latest  update  to  Flash 
Professional  CC,  and  links  to  other  resources  that  provide  more  information. 

Adobe  Flash  Professional  CC  2015  release  provides  you  capabilities  to  create  great  cartoon  characters  with  life¬ 
like  movements  using  the  new  bone  tool,  convert  your  projects  to  any  document  type  using  the  universal  document 
type  converter,  import  H.264  videos,  work  with  the  latest  Flash  Player  and  AIR  SDK,  and  many  more  cool  capabilities 
that  help  you  to  take  your  graphics  and  animation  projects  to  the  next  level. 


Adobe  Flash  Professional  CC  2015  Release 


Bone  tool 

New  in  Flash  Professional  CC  2015 

The  Flash  Professional  CC  2015  Release  offers  you  the  capability  to  lend  life-like  movements  to  your  animation 
characters  using  the  all-new  bone  tool. 

The  bone  tool  gives  you  inverse  kinematics  (IK)  capabilities  within  Flash.  IK  is  a  way  of  animating  objects  using  bones 
chained  into  linear  or  branched  armatures  in  parent-child  relationships.  When  one  bone  moves,  connected  bones  move 
in  relation  to  it.  Inverse  kinematics  lets  you  easily  create  natural  motion.  To  animate  using  inverse  kinematics,  specify 
the  start  and  end  positions  of  bones  on  the  Timeline.  Flash  automatically  interpolates  the  positions  of  the  bones  in  the 
armature  between  the  starting  and  ending  frames. 

You  can  use  IK  in  the  following  ways: 

•  By  using  a  shape  as  a  container  for  multiple  bones.  For  example,  you  can  add  bones  to  a  drawing  of  a  snake  so  that 
it  slithers  realistically.  You  can  draw  these  shapes  in  Object  Drawing  mode. 

•  By  chaining  symbol  instances.  For  example,  you  can  link  movie  clips  showing  a  torso,  arm,  lower  arm,  and  hand  so 
that  they  move  realistically  in  relation  to  each  other.  Each  instance  has  only  one  bone. 
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Bone  tool  comes  with  on-stage  controls  to  ensure  greater  precision  in  movements.  The  onstage  controls  allows  you  to 
switch  between  Locked,  Open,  and  Constrained  states  for  Rotation  and  Translation  properties  of  individual  bones  in 
the  IK  armature.  You  can  now  directly  adjust  these  constraints  on  stage  with  accuracy  using  clear  visual  feedback. 


©  .CUOW,  CUCK  O 


For  more  information  on  using  the  bone  tool,  see  Bone  tool 

Import  H.264  videos  with  audio 

New  in  Flash  Professional  CC  2015 

In  addition  to  FLV  videos,  this  release  also  introduces  an  option  to  embed  H.264  videos  in  the  timeline.  When  an  H.264 
video  is  embedded,  the  frames  of  the  video  are  rendered  on  the  stage  when  you  scrub  the  timeline.  This  feature  enables 
you  to  use  videos  as  a  guide  to  synchronize  your  animation  on  stage.  Since  the  Flash  Player  and  other  run-times  do  not 
support  rendering  embedded  H.264  videos,  they  are  not  published.  Importing  H.264  videos  is  a  design -time-only 
feature. 

Audio  playback  is  enabled  for  H.264  videos.  You  can  now  select  the  ‘Include  audio’  option  while  importing  H.264 
videos.  Once  imported  to  the  stage  (with  ‘place  instance  on  stage’  option  selected),  scrubbing  the  timeline  must  play 
the  audio  for  the  relevant  frames.  Playing  the  timeline  (Enter)  must  play  back  the  animation  at  the  fps  of  the  imported 
video  so  that  the  audio  is  in  sync  with  the  video  frames  on  stage. 

To  learn  more  about  importing  H.264  videos,  see  Add  video  to  Flash. 

To  import  video: 

Click  File  >  Import  >  Import  Video  and  select  the  Embed  H.264  video  in  the  timeline  (design  time  only  -  the  video 
cannot  be  exported)  option  as  shown  in  the  following  image: 
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Import  Video 

Select  Video 


Where  is  your  video  file? 

•  On  your  computer: 

Load  external  video  with  playback  component 
Embed  FLV  in  SWF  and  play  in  timeline 

•  Embed  H.264  video  in  timeline  (design  time  only  -  the  video  cannot  be  exported) 
Rle  path:  Browse... 

Already  deployed  to  a  web  server.  Flash  Video  Streaming  Service,  or  Flash  Media  Server: 


Warning:  The  imported  video  cannot  be  exported  to  the  published  SWF  file.  It  will  be  embedded  in  the  timeline  as  a 
reference  for  designing  your  animation. 

Cancel 


B 


For  more  information  about  using  audio,  see  Using  sounds  in  Flash. 

Export  bitmaps  as  spritesheet  for  HTML5  Canvas 

New  in  Flash  Professional  CC  2015 

Export  sprite  sheet  as  bitmap  allows  you  to  pack  all  the  bitmaps  in  canvas  document  in  to  a  sprite  sheet.  A  new  Export 
the  Bitmap  as  Sprite  Sheet  check  box  has  been  added  and  enabled  by  default.  You  can  specify  the  maximum  size  of  the 
sprite  sheet  by  giving  the  height  and  width  values  in  the  publish  settings.  This  enhancement  reduces  the  number  of 
server  requests,  which  in  turn  results  in  improved  performance. 
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Brush  scaling  with  stage  zoom 

With  this  release,  Flash  Professional  scales  the  brush  size  proportionately  to  the  changing  zoom  level  of  the  stage. 
Proportionate  zooming  allows  you  to  draw  seamlessly  adjusting  to  any  zoom  level  and  preview  your  work  as  you  draw. 
If  you  want  to  revert  to  the  earlier  default  behavior  of  brushes  maintaining  a  constant  pixel  size  even  when  you  change 
the  zoom  level  of  the  stage,  you  must  disable  the  'Stage  zoom  level'  checkbox  in  the  brush  Property  Inspector. 


Brush:  ^ 

Size:  £ 

Zoom  size  with  stage  — 

Stroke: 

»yle: 

Width:  ’  +  —  O 


A  Increase/ decrease  brush  size  B  Brush  size  preview  C  Option  to  scale  brush  size  according  to  the  zoom  level  of  the  stage 

Universal  document  type  converter 

New  in  Flash  Professional  CC  2015 

The  universal  document  type  converter  enables  conversion  of  your  existing  FLA  projects  (of  any  type)  to  any  other 
document  type  such  as  HTML5  Canvas  or  WebGL. 

To  use  this  feature,  click  Commands  >  Convert  to  Other  Document  Formats  and  then  select  the  target  document  type 
and  specify  the  path  of  the  converted  file. 

To  learn  more  about  universal  document  type  converter,  see  . 
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Improved  audio  workflows 

New  in  Flash  Professional  CC  2015 

Enhanced  import  workflow 

In  earlier  versions  of  Flash  Pro,  you  had  to  import  the  audio  file  in  to  the  library  and  then  add  it  to  a  layer  on  the 
timeline.  In  this  release,  you  can  directly  import  audio  in  to  your  stage/timeline  by  dragging  and  dropping  the  file  to  a 
layer  or  by  using  the  File  >  Import  >  Import  to  Stage  option. 

Split  Audio  option  in  context  menu 

The  stream  audio  embedded  on  the  timeline  can  be  split  at  ease  using  the  Split  Audio  context  menu.  Split  Audio  enables 
you  to  pause  the  audio  when  it  is  necessary  and  then  resume  the  audio  playback  from  the  point  it  was  stopped  at  a  later 
frame  on  the  timeline. 

Remember  audio  sync  options  in  PI 

Flash  Pro  now  remembers  the  sync  options  in  property  inspector.  If  a  sound  is  selected  from  the  “Sound”  section  of  the 
Property  Inspector,  then  on  trying  to  set  another  sound  on  a  new  keyframe  from  the  Property  Inspector,  Flash 
remembers  the  sync  options  “Stream”  or  “Event”  of  the  previous  sound. 

Improved  Motion  Editor 

New  in  Flash  Professional  CC  2015 

The  Paste  functionality  has  been  enhanced  as  follows: 

•  Paste:  Until  the  2014.1  release,  when  you  copy  a  curve  in  the  Motion  Editor  and  use  the  Paste  option  to  paste  it  in  a 
new  range,  it  pastes  within  the  current  curve’s  range  and  not  with  absolute  values.  In  this  release,  the  Paste  option 
pastes  the  curve  with  absolute  values. 

•  Paste  to  fit  current  range:  This  option  now  replicates  the  old  Paste  operation  and  pastes  the  curve  within  the 
current  curve’s  range  and  not  with  absolute  values. 

Panel  locking 

A  new  option,  Lock/Unlock,  has  been  added  to  the  fly-out  menu  of  the  panels  to  lock  the  dock.  Once  a  dock  is  locked, 
all  the  panels  in  the  dock  can  be  resized,  but  cannot  be  moved.  This  feature  helps  you  prevent  accidental  drag  and  resize 
of  panels. 
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Code  snippet  support  for  WebGL 

From  this  release,  code  snippets  are  available  for  some  commonly  used  actions  in  the  WebGL  document  type. 
Note:  This  enhancement  is  available  only  in  the  English  language  version. 


Enhancements  in  Custom  Platform  Support  SDK 

This  release  includes  the  following  enhancements  to  Custom  Platform  Support  SDK  and  the  sample  plug-in: 

•  Ability  to  query  the  type  of  a  library  symbol:  ILibraryItem::GetProperties()  returns  an  additional  key  "SymbolType" 
for  symbols.  The  value  of  key  can  be  "Button,1 "  "MovieClip,"  or  "Graphic." 

•  Ability  to  distinguish  between  button  and  movie-clip:  Until  the  previous  release,  the  button  instances  were  treated 
as  movie  clips  by  both  the  DOM  and  the  IFrameCommandGenerator  service.  Starting  with  Flash  Pro  CC  2015,  an 
interface  has  been  added  to  support  button  instances.  If  the  IMovieClip  instance  also  implements  the  IButton 
interface,  then  it  can  be  treated  as  a  button  instance.  The  four  states  of  a  button  namely,  Up,  Over,  Down,  and  Hit 
are  always  mapped  to  the  frames  0,  1,2,  and  3  respectively.  See  the  file  IButton. h  to  know  more  about  the  button 
instance. 

•  New  API  to  get  the  bounds  of  IClassicText  objects:  The  AddClassicText  function  in  ITimelineBuilder  interface  now 
returns  an  object  of  CLASSIC_TEXT_INFO_2  (instead  of  the  old  CLASSIC_TEXT_INFO),  which  contains  a  new 
field  "bounds"  representing  the  bounds  of  the  IClassicText  object. 
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Integration  of  latest  Flash  Player  and  AIR  SDK 

This  release  comes  to  you  with  the  Flash  Player  version  17.0  and  AIR  SDK  17.0  integrated. 

Integration  of  latest  CreateJS  libraries 

This  release  of  Flash  Professional  comes  with  the  latest  CreateJS  libraries  integrated. 

Since  the  latest  libraries  are  not  yet  hosted  via  CDN,  clear  the  Hosted  Libraries  checkbox  under  the  Advanced  section 
of  the  Publish  Settings  dialog  box  (Edit  >  Publish  Settings  >  Advanced)  to  see  the  output. 

Other  enhancements 

New  in  Flash  Professional  CC  2015 

Save  optimizations 

This  release  comes  with  the  following  Save  optimizations: 

•  Save  algorithm  optimization  resulting  in  faster  saving  of  FLA 

•  File  corruption  issues  while  saving  files  over  the  network  are  now  resolved 

Auto-recovery  optimizations 

The  following  auto-recovery  enhancements  are  part  of  this  release: 

•  Flash  Professional  does  not  create  unnecessary  auto-recovery  files.  An  auto-recovery  file  is  created  only  if  the 
document  is  modified  after  the  last  auto-recovery  files  were  created. 

•  Progress  bar  is  displayed  only  when  the  Flash  Pro  application  is  in  focus. 

•  Auto-recovery  file  is  removed  only  after  completing  a  successful  save  operation. 

The  following  auto-recovery  changes  help  you  avoid  continuous  loop  of  auto-recovery  for  short  auto-recovery 
duration: 

•  At  each  auto-recovery  interval,  snapshot  for  all  files  modified  after  last  auto-recovery  are  created. 

•  Next  auto  recovery  timer  is  started  only  after  this  process  is  completed. 


Organize  imported  GIFs  in  library 

This  enhancement  allows  you  to  import  Animated  GIF  files  in  a  more  organized  way  so  that  you  can  keep  your  library 
in  proper  order.  In  previous  releases,  the  imported  GIF  assets  were  placed  in  the  library  root  folder  without  proper 
naming.  In  this  release,  a  folder  with  the  GIF  filename  is  created  and  all  the  associated  bitmaps  are  organized  under  it. 
As  shown  in  the  following  image,  the  bitmaps  are  now  named  appropriately  based  on  their  sequence. 


Library  search  by  linkage  name 

In  this  release,  the  library  search  panel  has  been  enhanced  to  include  searching  for  symbols  by  ActionScript  linkage 
names  in  addition  to  searching  by  symbol  names. 
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Invert  selection 

This  new  option  in  the  Edit  menu  and  the  Stage  context  menu  inverts  the  selection  of  currently  selected  objects  or 
shapes  on  the  stage. 


(ft  Flash  File 

View  Insert  Modify  Text  Commands  Control  Deb 

» 

•  • 

Undo  Change  Selection  8£Z 
Repeat  Select  None  8£Y 

X 

Untitled-14* 

Cut  3£X 

Copy  SC 

£4  Scene  1 

Paste  in  Center  8flV 

Paste  in  Place  OSV 

Clear  <3 


Duplicate 
Select  All 
Deselect  All 


3€D 

&A 

O&A 


Invert  Selection 

Find  and  Replace 

3€F 

Find  Next 

F3 

Timeline 

► 

Edit  Symbols 

Edit  Selected 

Edit  in  Place 

«n>  C 

Paste  and  overwrite  frames 

New  in  Flash  Professional  CC  2015 

The  new  'Paste  and  Overwrite  Frames'  timeline  context  menu  option  enables  you  to  paste  the  copied  frames  by 
replacing  the  exact  number  of  frames  without  pushing  the  frames  forward.  This  replaces  the  existing  way  of  selecting 
the  exact  number  of  frames  which  you  want  to  replace  with  the  same  number  of  copied  frames.  For  example,  if  you 
want  to  copy  ten  frames  from  a  timeline  and  replace  the  exact  number  of  frames  in  another  timeline,  copy  the  ten 
frames  and  use  the  Paste  and  Overwrite  Frames  frames  to  paste  it  at  the  starting  frame-the  next  ten  frames  are 
overwritten  with  the  copied  frames. 


Reset  timeline  zoom  to  the  default  level 

You  can  now  reset  the  timeline  zoom  to  the  default  level  with  one  click  as  shown  in  the  image. 
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System  Requirements 

See  the  system  requirements  for  Adobe  Flash  Professional  CC  2015  at  System  Requirements  |  Flash  Professional . 

More  Help  topics 

Flash  Professional  CC  2015  Release  Notes 
What's  new  in  Flash  Professional  CC  |  2014 


New  features  summary  -  201 4 


The  2014  release  of  Adobe*  Flash  Professional*  CC  provides  an  authoring  environment  for  creating  animation  and 
multimedia  content  for  the  Web,  enabling  visual  designers  to  build  interactive  experiences  that  present  consistently 
across  desktops  and  mobile  devices.  Continue  reading  for  a  quick  introduction  to  new  features  available  with  the  latest 
update  to  Flash  Professional  CC,  and  links  to  other  resources  that  provide  more  information. 

Adobe  Flash  Professional  CC  2014  update  for  July  2014  exposes  the  Web  Graphics  Library  ( WebGL)  runtime  API 
that  allows  you  to  add  interactivity  to  your  WebGL  animation  by  modifying  elements  in  a  scene  and  controlling  the 
playback. 


Adobe  Flash  Professional  CC  2014  |  February  2015  Release 

New  in  Flash  Professional  CC  2014  |  February  2015  Release 

The  February  2015  update  to  Flash  Professional  CC  2014  Release  offers  you  the  capability  to  package  64-bit  binaries  to 
comply  with  the  mandatory  requirement  of  Apple*  starting  February  1,  2015.  The  AIR  16.0  for  iOS  allows  you  to 
generate  64-bit  binaries  using  the  Enable  Faster  Packaging  option  under  the  Deployment  tab  of  AIR  for  iOS  Setting 
dialog,  which  is  enabled  by  default. 

Note:  Since  AIR  16.0  has  not  been  released  for  Android  yet,  shared  runtime  is  not  available  for  the  version.  You  can  use 
the  embedded  AIR  runtime  for  Android  applications. 
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For  more  information  on  packaging  AIR  for  iOS,  see  Packaging  applications  for  AIR  for  iOS. 

HTML5  Canvas  optimizations 

New  in  Flash  Professional  CC  2014  |  February  2015  Release 

This  release  helps  you  optimize  the  HTML5  Canvas  document  type  output  by  not  exporting  the  unused  media  assets 
such  as  sound  and  bitmaps  present  in  the  library.  This  setting  is  on  by  default,  which  means  that  any  unused  media 
without  linkages  are  not  exported  and  only  the  media  items  (sound,  bitmaps)  that  are  used  on  the  stage  are  included  in 
the  output.  This  results  in  large  savings  in  the  output  size,  particularly  if  you  had  a  large  number  of  such  media  items 
in  the  library  that  were  unused. 

Flash  Professional  CC  does  not  export  the  following  items  in  your  HTML5  Canvas  library: 

•  All  unused  library-items  such  as  symbols,  sounds,  and  bitmaps  with  no  linkages 

•  Assets  on  guide  layers 

•  Assets  on  the  hidden  layer,  if ‘Include  hidden  layers’  not  selected  in  Publish  Settings 

•  Assets  on  unused  frames  of  graphic  symbols 

If  your  content  has  assets  that  fall  into  any  of  the  above-mentioned  categories,  Flash  Professional  optimizes  the  size  of 
your  published  output  by  leaving  out  all  unused  and  hidden  assets. 

For  more  information  about  this  feature,  see  Creating  and  publishing  an  HTML5  Canvas  document. 

Audio  splitting 

New  in  Flash  Professional  CC  2014  |  February  2015  Release 

You  can  split  the  stream  audio  embedded  on  the  timeline  using  the  Split  Audio  context  menu.  Split  Audio  enables  you 
to  pause  the  audio  when  it  is  necessary  and  then  resume  the  audio  playback  from  the  point  it  was  stopped  at  a  later 
frame  on  the  timeline. 

To  split  an  audio  clip  on  your  timeline: 

1  Select  File  >  Import  >  Import  to  library. 

2  Select  the  audio  clip  and  import  it  to  library. 

3  Create  a  new  layer  on  your  timeline  and  add  the  clip  to  the  layer. 

4  Under  Properties  >  Sound,  select  the  Sync  type  as  Streaming. 

5  Right-click  on  the  frame  at  which  you  want  to  split  the  audio  and  click  Split  Audio. 

For  more  information  about  audio  splitting,  see  Using  sounds  in  Flash. 

Masking  support  in  Custom  Platform  Support  SDK 

New  in  Flash  Professional  CC  2014  |  February  2015  Release 

This  release  supports  masking  in  the  IFrameCommandGenerator  service.  The  new  interface  ITimelineBuilder2  that  is 
from  the  existing  ITimelineBuilder  interface  contains  the  functions  that  the  plugin  has  to  implement  to  make  this 
feature  work. 

Download  the  CustomPlatformSupport_Eshwar_M04.zip  file  from  the  downloads  section  to  work  with  the  latest 
custom  platform  support  SDK  and  sample  plugin. 

For  more  information  about  using  the  custom  platform  support  SDK,  see  Enabling  Support  for  Custom  Platforms. 
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Adobe  Flash  Professional  CC  2014  |  October  Release 

New  in  Flash  Professional  CC  2014  |  October  Release 

Flash  Professional  CC  2014  October  Release  offers  you  the  Custom  Platform  Support  development  kit  that  will  help 
you  extend  the  capabilities  of  the  poweful  Flash  platform  to  custom  formats  that  are  not  natively  supported  by  Flash. 
The  Custom  Platform  Support  APIs  and  the  sample  code  in  the  development  kit  allow  you  to  create  plugins  for  new 
formats  and  distribute  them  through  the  Adobe  Add-ons  website.  Users  can  download  the  appropriate  plugin  for  their 
publishing  requirements  from  the  Adobe  Add-ons  page,  install  the  plugin  with  Flash  Professional  CC  2014,  and  start 
creating  and  publishing  creative  assets. 

For  more  information  on  Custom  Platform  Support  see  Custom  Platform  Support 

To  learn  how  to  build  a  plugin  using  the  Custom  Platform  Support  development  kit,  see  Enabling  Support  for  Custom 
Platforms. 

For  instructons  to  download,  install  and  use  custom  platform  support  plugins,  see  Working  with  Custom  Platform 
Support  Plug-in. 

For  complete  reference  documentation  for  the  custom  platform  support  APIs,  see  Custom  Platform  Support  API 
Reference. 

Animation  Guide 

New  in  Flash  Professional  CC  2014  |  October  Release 

The  animation  guide  in  Adobe  Flash  Professional  CC  now  helps  you  enhance  the  animation  you  create  by  defining  a 
path  for  the  objects  you  animate.  This  is  particularly  helpful  when  you  are  working  on  an  animation  that  follows  a  path 
that  is  not  a  straight  line.  This  process  requires  two  layers  to  carry  out  an  animation.  One  layer  containing  the  object 
that  you  are  about  to  animate,  and  the  other  defining  the  path,  which  the  object  is  supposed  to  follow  during  the 
animation.  Animation  guide  works  only  on  Classic  Tweens. 

For  more  information  on  Animation  Guide  and  examples,  see  Animation  Guide 

Custom  Brush 

New  in  Flash  Professional  CC  2014  |  October  Release 

The  Brush  Tool  (B)  in  Adobe  Flash  Professional  CC  allows  you  to  custom-define  a  brush  by  setting  parameters  of  the 
brush  such  as  shape  and  angle.  This  enables  you  to  create  natural  artwork  in  your  projects  by  customizing  the  brush 
tool  to  suit  your  drawing  needs.  You  can  create  a  custom  brush  in  Flash  Professional  by  selecting  the  Brush  tool  in  the 
toolbox  of  the  Property  Inspector. 

For  more  information  on  creating  and  modifying  custom  brushes,  see  Custom  Brushes 

Audio  and  scripting  support  in  WebGL  documents 

New  in  Flash  Professional  CC  2014  |  October  Release 

The  WebGL  document  type  has  been  enhanced  with  the  following  features: 

Audio:  The  WebGL  document  type  in  Flash  Professional  now  supports  audio  playback.  You  can  import  and  embed 
audio  into  your  WebGL  document,  control  the  playback  via  different  sync  settings  (event,  start  and  stop)  and  play  the 
timeline  audio  at  runtime. 

Scripting:  You  can  now  write  Javascript  code  in  the  Actions  panel,  which  will  be  executed  on  the  player  enters  the 
frame.  The  'this'  variable  in  the  context  of  frame  scripts  refers  to  the  instance  of  the  MovieClip  it  belongs  to.  In  addition, 
frame  scripts  can  access  Javascript  functions  and  variables  declared  in  the  container  HTML  file.  When  you  copy  a  frame 
or  layer  from  an  ActionScript  document  and  paste  it  in  a  WebGL  document,  the  scripts  will  be  commented  out. 
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Code  hinting:  The  WebGL  document  type  now  comes  with  code  hinting  support,  which  eases  WebGL  coding  with 
contextual  code  suggestions. 

Performance:  The  optimized  publishing  process  for  WebGL  enables  faster  publishing.  This  release  also  includes  several 
performance  enhancements  to  the  WebGL  documents  that  help  them  run  faster  on  devices. 

For  more  information  on  creating  and  publishing  interactive  WebGL  documents,  see  Creating  and  publishing  a  WebGL 
document 


Usability  enhancements 

New  in  Flash  Professional  CC  2014  |  October 

This  release  contains  the  following  usability  enhancements: 

•  The  Flip  Horizontal  and  Flip  Vertical  options  have  been  added  to  the  Transform  Panel. 

•  The  context  menu  has  been  enhanced  by  adding  the  missing  options  such  as  Transform,  Arrange,  and  Align. 

•  The  Motion  Editor  context  menu  now  contains  the  Flip  option  that  helps  you  flip  the  motion  property  curves. 

Publish  applications  for  Intel  x86-based  Android  devices 

New  in  Flash  Professional  CC  2014  |  October 

This  release  of  Flash  Professional  allows  application  developers  to  package  their  AIR  applications  in  captive  as  well  as 
shared  runtime  modes  for  Intel  x86-based  Android  devices. 


Publish  AIR  applications  with  shared  runtime 

New  in  Flash  Professional  CC  2014  |  October 

Starting  with  this  release,  application  developers  can  use  the  shared  runtime  option  for  packaging  their  AIR 
applications.  Shared  runtime  helps  reduce  the  size  of  the  application  as  compared  to  captive  runtime,  which  bundles 
AIR.  When  you  select  the  shared  runtime  option  while  publishing,  the  installer  downloads  the  runtime  from  a  specified 
location  during  installation. 

Import  SWF  files 

New  in  Flash  Professional  CC  2014  |  October 

You  can  now  import  SWF  files  into  Flash  Professional.  The  SWF  import  feature  has  been  one  of  the  most-requested 
functionalities  among  the  Flash  Professional  user  community.  This  will  help  bring  assets  in  a  primitive  form  into  Flash 
Professional  for  further  modifications. 

However,  since  SWF  is  a  rendered  file,  many  types  of  data  such  as  sound,  tweens,  layering  details,  and  motion  paths 
cannot  be  reimported  into  Flash. 


Adobe  Flash  Professional  CC  2014  |  July  Release 

New  in  Flash  Professional  CC  2014  |  July 

Flash  Professional  CC  July  2014  offers  you  the  Web  Graphics  Library  (WebGL)  runtime  API  library.  The  API  allows 
you  to  modify  the  elements  in  a  scene  and  control  the  playback  in  the  GPU-accelerated  animations  that  you  create  in 
the  WebGL  document  format. 

For  more  information  on  the  WebGL  runtime  API,  WebGL  Runtime  API  Reference  -  Index. 

Follow  the  steps  described  in  the  Getting  Started  with  WebGL  Animation  page  to  learn  how  to  create  an  interactive 
WebGL  animation. 
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New  and  improved  Motion  Editor 

New  in  Flash  Professional  CC  2014  |  June 

Flash  Professional  CC  June  2014  reintroduces  the  Motion  Editor  in  a  highly  intuitive  and  streamlined  form.  The  new 
Motion  Editor  is  designed  to  provide  a  smoother  experience  when  refining  Motion  Tweens.  Besides  being  easily 
accessible  from  within  the  Timeline,  the  Motion  Editor  has  been  greatly  improved  to  facilitate  simpler  and  focused 
editing  of  Property  curves.  With  the  new  Motion  Editor  you  can  create  complex  and  engaging  tweens  in  simple  steps 
to  emulate  real  world  behavior  of  objects. 

For  more  information,  see  Editing  Motion  Tweens  using  Motion  Editor. 

Creating  and  publishing  WebGL  content 

New  in  Flash  Professional  CC  2014  |  June 

Flash  Professional  CC  offers  native  support  for  Web  Graphics  Library  (WebGL)  format.  You  can  now  create  and  publish 
WebGL  content  from  within  Flash  Professional  CC.  The  latest  update,  adds  a  new  WebGL  (preview)  document  type 
that  contains  preset  document  and  publish  settings.  You  can  now  work  with  the  familiar  Timeline,  Workspace,  Tools, 
and  other  functionalities  of  Flash  Pro,  and  produce  WebGL  content. 

Flash  Professional  CC  leverages  the  GPU  accelerated  usage  of  processing  and  rendering  of  WebGL  content,  which  is 
integrated  with  most  modern-day  browsers. 

For  more  information,  see  Creating  and  publishing  a  WebGL  document. 

NOTE:  The  WebGL  document  type  is  an  experimental  feature  only  available  as  Preview,  and  includes  limited  support 
for  interactivity. 


Exporting  to  SVG  format 

New  in  Flash  Professional  CC  2014  |  June 

Flash  Professional  CC  allows  you  to  export  artwork  to  Scalable  Vector  Graphics  (SVG)  format.  SVG  is  an  open  web 
standard  for  creating  and  publishing  vector  graphics.  With  SVG,  you  can  create  and  easily  embed  high  quality  artwork 
within  most  web  pages. 

Common  image  formats  such  as  JPEG,  PNG,  BMP,  and  GIF  offer  low  resolution  artwork  and  are  generally  bulky, 
affecting  load-times  of  web  pages.  With  SVG  support,  Flash  Professional  CC  allows  you  to  produce  graphics  of  superior 
quality  that  do  not  rasterize  on  scaling  (resolution-independent). 

For  more  information,  see  Exporting  SVG  files. 
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Enhancing  strokes  using  Variable  Width  Tool 

New  in  Flash  Professional  CC  2014  |  June 

Enhance  strokes  using  the  Variable  Width  Tool  in  Flash  Professional  CC.  The  Width  tool  allows  you  to  add  widths  of 
varying  forms  and  thickness  to  drawings  on  Stage.  By  adding  variable  width,  simple  strokes  can  be  easily  transformed 
into  rich  artwork.  Flash  Professional  CC  allows  you  to  create  and  save  Width  profiles,  which  can  be  used  to  apply 
variable  width  to  drawings  on  stage. 

For  more  information,  see  Enhancing  strokes  using  the  Width  tool . 

add 


Tweening  strokes  with  Variable  Width 

You  can  now  shape-tween  strokes  with  Variable  Width.  Earlier,  Flash  Pro  only  allowed  tweening  of  Solid  Strokes. 
However,  you  can  now  tween  fancy  strokes  created  using  the  Variable  Width  Tool.  Flash  Pro  also  allows  you  to  tween 
solid  strokes  that  are  associated  with  default  or  custom  Width  Profiles. 

For  more  information,  see  Shape  tweening  strokes  with  Variable  Width  . 

Kuler  Panel 

New  in  Flash  Professional  CC  2014  |  June 
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Flash  Professional  CC  is  now  integrated  with  Kuler  panel,  a  cloud-based  application  to  create  color  themes  using 
iPhone  or  desktop  browser.  With  Kuler  panel,  you  can  sync  your  color  inspirations  right  to  Flash  Professional  CC  via 
Creative  Cloud.  To  create  color  themes  using  Kuler,  visit  this  link. 

For  more  information,  see  . 


Creating  HTML5  extensions  for  Flash  Professional  CC 

Enhanced  in  Flash  Professional  CC  2014  |  June 

You  can  extend  Flash  Professional  CC  using  FITML  extensions.  Earlier,  Flash  Professional  CC  could  only  be  integrated 
with  SWF  extensions  packaged  using  Adobe  Extension  Builder.  However,  with  Adobe  Extension  Builder  3  you  can 
create  and  package  HTML  extensions  that  can  be  submitted  to  Adobe  Exchange.  Flash  Professional  CC  has  been 
enhanced  to  leverage  HTML  extensions  packaged  using  Extension  Builder  3.  These  extensions  can  be  downloaded 
using  Adobe  Exchange  and  managed  using  Adobe  Extension  Manager  from  within  Flash  Professional  CC. 

For  more  information,  see  Creating  HTML  extensions. 

Synchronizing  Workspaces  with  Adobe  Creative  Cloud 

Enhanced  in  Flash  Professional  CC  2014  |  June 

You  can  now  sync  the  Flash  Professional  CC  Workspace  settings  with  Creative  Cloud.  You  can  customize  the  workspace 
to  suit  your  design  needs,  and  via  Creative  Cloud,  you  can  replicate  the  customizations  across  multiple  machines. 

For  more  information,  see  Sync  Flash  Professional  Preferences  with  Creative  Cloud. 

Other  key  enhancements 

The  Object  level  undo  option  has  been  re-enabled  and  can  be  accessed  on  the  Preferences  dialog.  For  more 
information,  see  Undo,  Redo,  and  Repeat  commands. 

Exporting  projector  files  has  now  been  re-enabled,  as  well.  Note  that  the  option  to  export  projector  files  is 
available  within  the  Commands  menu.  For  more  information,  see  Exporting  Projector  files. 


System  Requirements 

See  the  system  requirements  for  Adobe  Flash  Professional  CC  2014  at  System  Requirements  |  Flash  Professional . 

More  Help  topics 

What's  new  in  Flash  Professional  CC  |  2013 


What's  new  in  Flash  Professional  CS6 


This  article  gives  you  an  overview  of  What's  new  with  Adobe  Flash  Professional  CS6. 


Support  for  Adobe  AIR  3.4  (Flash  Professional  CS6  Update  1 2.0.2  only) 

By  virtue  of  Flash  Professional  CS6  Update  12.0.2,  Flash  Professional  extends  support  for  AIR  3.4  and  Flash  Player  1 1.4. 
This  update  also  allows  Flash  Professional  to  leverage  features  exposed  by  AIR  3.4  that  enhance  application 
development  workflow  for  iOS  devices. 

•  Deploying  AIR  applications  on  iOS  devices  directly 
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•  Testing  and  debugging  AIR  applications  using  the  native  iOS  simulator 

•  Publishing  AIR  applications  for  devices  with  High  Resolution  Retina  Display  support 

Toolkit  for  CreateJS  1 .2 

The  Toolkit  for  CreateJS  1.2  release  extends  support  for  converting  Buttons  to  HTML5.  The  update  also  includes  fixes 
to  several  JSX  related  errors.  Other  issues  such  as  omission  of  multiple  empty  keyframes  have  also  been  addressed  in 
this  update. 

You  can  download  and  install  Toolkit  for  CreateJS  1.2  from  Adobe  Extension  Manager  CS6.  For  more  information  on 
the  Toolkit,  see  Using  the  Flash  Professional  Toolkit  for  CreateJS. 


Mobile  content  simulation  for  AIR 

The  new  mobile  content  simulator  allows  you  to  simulate  Hardware  keys,  acceleromenter,  Multi-touch,  and  Geo¬ 
location. 


Choose  network  interface  for  remote  debugging  for  AIR 

When  you  publish  an  AIR  app  to  an  Android  or  iOS  device,  you  can  choose  the  network  interface  to  use  for  remote 
debugging.  Flash  Pro  will  package  the  IP  address  of  the  selected  network  interface  into  the  debug  mode  mobile 
application.  The  app  can  then  auto-connect  to  the  host  IP  to  start  a  debug  session  when  it  launches  on  the  target  mobile 
device.  To  access  the  setting,  choose  File  >  Publish  Settings,  and  then  select  the  Deployment  tab  in  the  AIR  Settings 
dialog  box.  For  more  information,  see  Packaging  applications  for  AIR  for  iOS  and  Publishing  for  Adobe  AIR  for 
desktop  articles. 


Toolkit  for  CreateJS 

The  Adobe  Flash  Professional  Toolkit  for  CreateJS  is  an  extension  for  Flash  Professional  CS6  that  enables  designers  and 
animators  to  create  assets  for  HTML5  projects  using  the  open  source  CreateJS  JavaScript  libraries.  The  extension 
supports  most  of  the  core  animation  and  illustration  capabilities  of  Flash  Professional,  including  vectors,  bitmaps, 
classic  tweens,  sounds,  motion  guides,  animated  masks,  and  JavaScript  timeline  scripting.  With  one  click,  the  Toolkit 
for  CreateJS  exports  the  contents  on  the  stage  and  in  the  library  as  JavaScript  that  can  be  previewed  in  the  browser  to 
help  you  start  building  expressive  HTML5-based  content  in  no  Time. 

The  Toolkit  for  CreateJS  is  designed  to  help  Flash  Pro  users  make  the  transition  to  HTML5.  It  turns  symbols  in  the 
Library  and  content  on  the  Stage  into  cleanly  formatted  JavaScript  that  is  understandable,  editable  and  easily  reusable 
by  developers  who  can  add  interactivity  using  JavaScript  and  the  CreateJS  APIs  that  will  be  familiar  to  ActionScript  3 
users.  The  Toolkit  for  CreateJS  also  publishes  a  simple  HTML  page  that  provides  a  quick  way  to  preview  the  assets.  For 
more  information,  see  this  article. 


Export  sprite  sheets 

You  can  now  export  a  sprite  sheet  by  selecting  a  symbol  in  the  Library  or  on  the  Stage.  A  sprite  sheet  is  a  single  graphic 
image  file  that  contains  all  the  graphic  elements  used  in  the  selected  symbol.  The  elements  are  arranged  in  tiled  format 
in  the  file.  You  can  also  include  bitmaps  in  the  Library  when  selecting  a  symbol  in  the  Library.  To  create  a  sprite  sheet, 
follow  these  steps: 

1  Select  a  symbol  in  the  Library  or  on  the  Stage. 

2  Right-click  and  choose  Export  Sprite  Sheet. 


Last  updated  6/1 2/2015 


What's  New 


17 


High  efficiency  SWF  compression 

For  SWFs  that  target  Flash  Player  1 1  or  later,  a  new  compression  algorithm,  LZMA,  is  available.  The  new  compression 
can  be  up  to  40%  more  efficient,  particularly  for  files  that  contain  a  lot  of  ActionScript  or  vector  graphics. 

1  Choose  File  >  Publish  Settings 

2  In  the  Advanced  section  of  the  dialog  box,  select  the  Compress  movie  option  and  choose  LZMA  from  the  menu. 

Direct  Mode  publishing 

A  new  window  mode  called  Direct  is  available  which  enables  hardware  accelerated  content  using  Stage3D.  (Stage3D 
requires  Flash  Player  1 1  or  later.) 

1  Choose  File  >  Publish  Settings 

2  Select  HTML  Wrapper. 

3  Select  Direct  from  the  Window  Mode  menu. 

For  more  information  see  this  article. 


Support  for  Direct  render  mode  in  AIR  plugins 

This  feature  brings  Flash  Player's  Direct  mode  rendering  support  for  Stage Video/Stage3D  to  AIR  applications.  A  new 
renderMode=direct  setting  can  be  used  in  the  application  descriptor  file  of  an  AIR  application.  Direct  mode  can  be  set 
for  AIR  for  Desktop,  AIR  for  iOS  and  AIR  for  Android. 


Debug  iOS  through  Wi-Fi 

You  can  now  debug  AIR  applications  on  iOS  through  Wi-Fi,  including  breakpoints,  step-in  and  step-out,  variable 
watcher,  and  trace. 

For  more  information  about  debugging  AIR  applications,  see  AIR  Debug  Launcher. 


Support  for  captive  runtime  for  AIR 

The  Publish  Settings  dialog  for  AIR  now  has  an  option  for  embedding  the  AIR  runtime  into  the  application  package. 
An  application  with  the  runtime  embedded  can  run  on  any  desktop,  Android,  or  iOS  device  without  the  shared  AIR 
runtime  installed. 

Adobe  recommends: 

View  the  videos  Adobe  AIR  with  Captive  Runtime  Support  for  Mobile  and  Desktop. 


Native  extensions  for  AIR 

You  can  incorporate  native  extensions  into  the  AIR  applications  you  develop  in  Flash  Pro.  By  using  native  extensions, 
your  applications  can  access  all  of  the  features  of  your  target  platform,  even  if  the  runtime  itself  doesn't  have  built-in 
support  for  them. 

Adobe  recommends : 

View  these  videos:  Android  Native  Extensions,  Part  1  and  Part  2. 
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Get  latest  Flash  Player  from  within  Flash  Pro 

You  can  now  go  directly  to  the  Flash  Player  download  page  on  Adobe.com  from  the  Help  menu  in  Flash  Pro. 


Export  PNG  sequence 

Use  this  feature  to  generate  image  files  that  Flash  Pro  or  other  applications  can  use  to  generate  content.  For  example, 
PNG  sequences  are  often  used  in  gaming  applications.  This  feature  allows  you  to  export  a  sequence  of  PNG  files  from 
a  Library  item  or  individual  movie  clips,  graphic  symbols,  and  buttons  on  the  Stage. 

1  Select  a  single  movie  clip,  button  or  graphic  symbol  in  the  Library  or  the  Stage 

2  Right-click  it  to  display  the  context  menu. 

3  Choose  Export  PNG  Sequence. 

4  In  the  system  Save  dialog,  choose  a  location  for  the  output.  Click  OK. 

5  In  the  Export  PNG  dialog  box,  set  your  options.  Click  Export  to  export  the  PNG  sequence. 


New  features  summary 


The  2015  release  of  Adobe*  Flash  Professional*  CC  reintroduces  the  IK  bone  tool  that  enables  you  to  create  bone 
armatures  using  symbols  or  shapes  that  can  be  easily  turned  into  life-like  animation.  The  release  also  comes  with  H.264 
video  import,  universal  document  type  converter,  integration  with  the  latest  Flash  Player  and  AIR  SDK,  and  many  more 
enhancements.  Continue  reading  for  a  quick  introduction  to  new  features  available  with  the  latest  update  to  Flash 
Professional  CC,  and  links  to  other  resources  that  provide  more  information. 

Adobe  Flash  Professional  CC  2015  release  provides  you  capabilities  to  create  great  cartoon  characters  with  life¬ 
like  movements  using  the  new  bone  tool,  convert  your  projects  to  any  document  type  using  the  universal  document 
type  converter,  import  H.264  videos,  work  with  the  latest  Flash  Player  and  AIR  SDK,  and  many  more  cool  capabilities 
that  help  you  to  take  your  graphics  and  animation  projects  to  the  next  level. 


Adobe  Flash  Professional  CC  2015  Release 


Bone  tool 

New  in  Flash  Professional  CC  2015 

The  Flash  Professional  CC  2015  Release  offers  you  the  capability  to  lend  life-like  movements  to  your  animation 
characters  using  the  all-new  bone  tool. 
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The  bone  tool  gives  you  inverse  kinematics  (IK)  capabilities  within  Flash.  IK  is  a  way  of  animating  objects  using  bones 
chained  into  linear  or  branched  armatures  in  parent-child  relationships.  When  one  bone  moves,  connected  bones  move 
in  relation  to  it.  Inverse  kinematics  lets  you  easily  create  natural  motion.  To  animate  using  inverse  kinematics,  specify 
the  start  and  end  positions  of  bones  on  the  Timeline.  Flash  automatically  interpolates  the  positions  of  the  bones  in  the 
armature  between  the  starting  and  ending  frames. 

You  can  use  IK  in  the  following  ways: 

•  By  using  a  shape  as  a  container  for  multiple  bones.  For  example,  you  can  add  bones  to  a  drawing  of  a  snake  so  that 
it  slithers  realistically.  You  can  draw  these  shapes  in  Object  Drawing  mode. 

•  By  chaining  symbol  instances.  For  example,  you  can  link  movie  clips  showing  a  torso,  arm,  lower  arm,  and  hand  so 
that  they  move  realistically  in  relation  to  each  other.  Each  instance  has  only  one  bone. 

Bone  tool  comes  with  on-stage  controls  to  ensure  greater  precision  in  movements.  The  onstage  controls  allows  you  to 
switch  between  Locked,  Open,  and  Constrained  states  for  Rotation  and  Translation  properties  of  individual  bones  in 
the  IK  armature.  You  can  now  directly  adjust  these  constraints  on  stage  with  accuracy  using  clear  visual  feedback. 


For  more  information  on  using  the  bone  tool,  see  Bone  tool 

Import  H.264  videos  with  audio 

New  in  Flash  Professional  CC  2015 

In  addition  to  FLV  videos,  this  release  also  introduces  an  option  to  embed  H.264  videos  in  the  timeline.  When  an  H.264 
video  is  embedded,  the  frames  of  the  video  are  rendered  on  the  stage  when  you  scrub  the  timeline.  This  feature  enables 
you  to  use  videos  as  a  guide  to  synchronize  your  animation  on  stage.  Since  the  Flash  Player  and  other  run-times  do  not 
support  rendering  embedded  H.264  videos,  they  are  not  published.  Importing  H.264  videos  is  a  design-time-only 
feature. 

Audio  playback  is  enabled  for  H.264  videos.  You  can  now  select  the  ‘Include  audio’  option  while  importing  H.264 
videos.  Once  imported  to  the  stage  (with  ‘place  instance  on  stage’  option  selected),  scrubbing  the  timeline  must  play 
the  audio  for  the  relevant  frames.  Playing  the  timeline  (Enter)  must  play  back  the  animation  at  the  fps  of  the  imported 
video  so  that  the  audio  is  in  sync  with  the  video  frames  on  stage. 

To  learn  more  about  importing  H.264  videos,  see  Add  video  to  Flash. 

To  import  video: 

Click  File  >  Import  >  Import  Video  and  select  the  Embed  H.264  video  in  the  timeline  (design  time  only  -  the  video 
cannot  be  exported)  option  as  shown  in  the  following  image: 
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Import  Video 

Select  Video 


Where  is  your  video  file? 

•  On  your  computer: 

Load  external  video  with  playback  component 
Embed  FLV  in  SWF  and  play  in  timeline 

•  Embed  H.264  video  in  timeline  (design  time  only  -  the  video  cannot  be  exported) 
Rle  path:  Browse... 

Already  deployed  to  a  web  server.  Flash  Video  Streaming  Service,  or  Flash  Media  Server: 


Warning:  The  imported  video  cannot  be  exported  to  the  published  SWF  file.  It  will  be  embedded  in  the  timeline  as  a 
reference  for  designing  your  animation. 

Cancel 


B 


For  more  information  about  using  audio,  see  Using  sounds  in  Flash. 

Export  bitmaps  as  spritesheet  for  HTML5  Canvas 

New  in  Flash  Professional  CC  2015 

Export  sprite  sheet  as  bitmap  allows  you  to  pack  all  the  bitmaps  in  canvas  document  in  to  a  sprite  sheet.  A  new  Export 
the  Bitmap  as  Sprite  Sheet  check  box  has  been  added  and  enabled  by  default.  You  can  specify  the  maximum  size  of  the 
sprite  sheet  by  giving  the  height  and  width  values  in  the  publish  settings.  This  enhancement  reduces  the  number  of 
server  requests,  which  in  turn  results  in  improved  performance. 
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Brush  scaling  with  stage  zoom 

With  this  release,  Flash  Professional  scales  the  brush  size  proportionately  to  the  changing  zoom  level  of  the  stage. 
Proportionate  zooming  allows  you  to  draw  seamlessly  adjusting  to  any  zoom  level  and  preview  your  work  as  you  draw. 
If  you  want  to  revert  to  the  earlier  default  behavior  of  brushes  maintaining  a  constant  pixel  size  even  when  you  change 
the  zoom  level  of  the  stage,  you  must  disable  the  'Stage  zoom  level'  checkbox  in  the  brush  Property  Inspector. 


Brush:  ^ 

Size:  £ 

Zoom  size  with  stage  — 

Stroke: 

»yle: 

Width:  ’  +  —  O 


A  Increase/ decrease  brush  size  B  Brush  size  preview  C  Option  to  scale  brush  size  according  to  the  zoom  level  of  the  stage 

Universal  document  type  converter 

New  in  Flash  Professional  CC  2015 

The  universal  document  type  converter  enables  conversion  of  your  existing  FLA  projects  (of  any  type)  to  any  other 
document  type  such  as  HTML5  Canvas  or  WebGL. 

To  use  this  feature,  click  Commands  >  Convert  to  Other  Document  Formats  and  then  select  the  target  document  type 
and  specify  the  path  of  the  converted  file. 

To  learn  more  about  universal  document  type  converter,  see  . 
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Improved  audio  workflows 

New  in  Flash  Professional  CC  2015 

Enhanced  import  workflow 

In  earlier  versions  of  Flash  Pro,  you  had  to  import  the  audio  file  in  to  the  library  and  then  add  it  to  a  layer  on  the 
timeline.  In  this  release,  you  can  directly  import  audio  in  to  your  stage/timeline  by  dragging  and  dropping  the  file  to  a 
layer  or  by  using  the  File  >  Import  >  Import  to  Stage  option. 

Split  Audio  option  in  context  menu 

The  stream  audio  embedded  on  the  timeline  can  be  split  at  ease  using  the  Split  Audio  context  menu.  Split  Audio  enables 
you  to  pause  the  audio  when  it  is  necessary  and  then  resume  the  audio  playback  from  the  point  it  was  stopped  at  a  later 
frame  on  the  timeline. 

Remember  audio  sync  options  in  PI 

Flash  Pro  now  remembers  the  sync  options  in  property  inspector.  If  a  sound  is  selected  from  the  “Sound”  section  of  the 
Property  Inspector,  then  on  trying  to  set  another  sound  on  a  new  keyframe  from  the  Property  Inspector,  Flash 
remembers  the  sync  options  “Stream”  or  “Event”  of  the  previous  sound. 

Improved  Motion  Editor 

New  in  Flash  Professional  CC  2015 

The  Paste  functionality  has  been  enhanced  as  follows: 

•  Paste:  Until  the  2014.1  release,  when  you  copy  a  curve  in  the  Motion  Editor  and  use  the  Paste  option  to  paste  it  in  a 
new  range,  it  pastes  within  the  current  curve’s  range  and  not  with  absolute  values.  In  this  release,  the  Paste  option 
pastes  the  curve  with  absolute  values. 

•  Paste  to  fit  current  range:  This  option  now  replicates  the  old  Paste  operation  and  pastes  the  curve  within  the 
current  curve’s  range  and  not  with  absolute  values. 

Panel  locking 

A  new  option,  Lock/Unlock,  has  been  added  to  the  fly-out  menu  of  the  panels  to  lock  the  dock.  Once  a  dock  is  locked, 
all  the  panels  in  the  dock  can  be  resized,  but  cannot  be  moved.  This  feature  helps  you  prevent  accidental  drag  and  resize 
of  panels. 
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Code  snippet  support  for  WebGL 

From  this  release,  code  snippets  are  available  for  some  commonly  used  actions  in  the  WebGL  document  type. 
Note:  This  enhancement  is  available  only  in  the  English  language  version. 


Enhancements  in  Custom  Platform  Support  SDK 

This  release  includes  the  following  enhancements  to  Custom  Platform  Support  SDK  and  the  sample  plug-in: 

•  Ability  to  query  the  type  of  a  library  symbol:  ILibraryItem::GetProperties()  returns  an  additional  key  "SymbolType" 
for  symbols.  The  value  of  key  can  be  "Button,1 "  "MovieClip,"  or  "Graphic." 

•  Ability  to  distinguish  between  button  and  movie-clip:  Until  the  previous  release,  the  button  instances  were  treated 
as  movie  clips  by  both  the  DOM  and  the  IFrameCommandGenerator  service.  Starting  with  Flash  Pro  CC  2015,  an 
interface  has  been  added  to  support  button  instances.  If  the  IMovieClip  instance  also  implements  the  IButton 
interface,  then  it  can  be  treated  as  a  button  instance.  The  four  states  of  a  button  namely,  Up,  Over,  Down,  and  Hit 
are  always  mapped  to  the  frames  0,  1,2,  and  3  respectively.  See  the  file  IButton. h  to  know  more  about  the  button 
instance. 

•  New  API  to  get  the  bounds  of  IClassicText  objects:  The  AddClassicText  function  in  ITimelineBuilder  interface  now 
returns  an  object  of  CLASSIC_TEXT_INFO_2  (instead  of  the  old  CLASSIC_TEXT_INFO),  which  contains  a  new 
field  "bounds"  representing  the  bounds  of  the  IClassicText  object. 
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Integration  of  latest  Flash  Player  and  AIR  SDK 

This  release  comes  to  you  with  the  Flash  Player  version  17.0  and  AIR  SDK  17.0  integrated. 

Integration  of  latest  CreateJS  libraries 

This  release  of  Flash  Professional  comes  with  the  latest  CreateJS  libraries  integrated. 

Since  the  latest  libraries  are  not  yet  hosted  via  CDN,  clear  the  Hosted  Libraries  checkbox  under  the  Advanced  section 
of  the  Publish  Settings  dialog  box  (Edit  >  Publish  Settings  >  Advanced)  to  see  the  output. 

Other  enhancements 

New  in  Flash  Professional  CC  2015 

Save  optimizations 

This  release  comes  with  the  following  Save  optimizations: 

•  Save  algorithm  optimization  resulting  in  faster  saving  of  FLA 

•  File  corruption  issues  while  saving  files  over  the  network  are  now  resolved 

Auto-recovery  optimizations 

The  following  auto-recovery  enhancements  are  part  of  this  release: 

•  Flash  Professional  does  not  create  unnecessary  auto-recovery  files.  An  auto-recovery  file  is  created  only  if  the 
document  is  modified  after  the  last  auto-recovery  files  were  created. 

•  Progress  bar  is  displayed  only  when  the  Flash  Pro  application  is  in  focus. 

•  Auto-recovery  file  is  removed  only  after  completing  a  successful  save  operation. 

The  following  auto-recovery  changes  help  you  avoid  continuous  loop  of  auto-recovery  for  short  auto-recovery 
duration: 

•  At  each  auto-recovery  interval,  snapshot  for  all  files  modified  after  last  auto-recovery  are  created. 

•  Next  auto  recovery  timer  is  started  only  after  this  process  is  completed. 


Organize  imported  GIFs  in  library 

This  enhancement  allows  you  to  import  Animated  GIF  files  in  a  more  organized  way  so  that  you  can  keep  your  library 
in  proper  order.  In  previous  releases,  the  imported  GIF  assets  were  placed  in  the  library  root  folder  without  proper 
naming.  In  this  release,  a  folder  with  the  GIF  filename  is  created  and  all  the  associated  bitmaps  are  organized  under  it. 
As  shown  in  the  following  image,  the  bitmaps  are  now  named  appropriately  based  on  their  sequence. 


Library  search  by  linkage  name 

In  this  release,  the  library  search  panel  has  been  enhanced  to  include  searching  for  symbols  by  ActionScript  linkage 
names  in  addition  to  searching  by  symbol  names. 
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Invert  selection 

This  new  option  in  the  Edit  menu  and  the  Stage  context  menu  inverts  the  selection  of  currently  selected  objects  or 
shapes  on  the  stage. 


(ft  Flash  File 

View  Insert  Modify  Text  Commands  Control  Deb 

» 

•  • 

Undo  Change  Selection  8£Z 
Repeat  Select  None  8£Y 

X 

Untitled-14* 

Cut  3£X 

Copy  SC 

£4  Scene  1 

Paste  in  Center  8flV 

Paste  in  Place  OSV 

Clear  <3 


Duplicate 
Select  All 
Deselect  All 


3€D 

&A 

O&A 


Invert  Selection 

Find  and  Replace 

3€F 

Find  Next 

F3 

Timeline 

► 

Edit  Symbols 

Edit  Selected 

Edit  in  Place 

«n>  C 

Paste  and  overwrite  frames 

New  in  Flash  Professional  CC  2015 

The  new  'Paste  and  Overwrite  Frames'  timeline  context  menu  option  enables  you  to  paste  the  copied  frames  by 
replacing  the  exact  number  of  frames  without  pushing  the  frames  forward.  This  replaces  the  existing  way  of  selecting 
the  exact  number  of  frames  which  you  want  to  replace  with  the  same  number  of  copied  frames.  For  example,  if  you 
want  to  copy  ten  frames  from  a  timeline  and  replace  the  exact  number  of  frames  in  another  timeline,  copy  the  ten 
frames  and  use  the  Paste  and  Overwrite  Frames  frames  to  paste  it  at  the  starting  frame-the  next  ten  frames  are 
overwritten  with  the  copied  frames. 


Reset  timeline  zoom  to  the  default  level 

You  can  now  reset  the  timeline  zoom  to  the  default  level  with  one  click  as  shown  in  the  image. 
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System  Requirements 

See  the  system  requirements  for  Adobe  Flash  Professional  CC  2015  at  System  Requirements  |  Flash  Professional . 

More  Help  topics 

Flash  Professional  CC  2015  Release  Notes 
What's  new  in  Flash  Professional  CC  |  2014 
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Chapter  2:  Platforms 


Convert  to  other  document  formats 


Convert  your  Flash  Professional  document  to  another  document  format 

The  universal  document  type  converter  enables  conversion  of  your  existing  FLA  projects  (of  any  type)  to  any  other 
document  type  such  as  HTML5  Canvas,  ActionScript/AIR,  WebGL,  or  a  custom  document  type.  When  you  convert  to 
a  format,  you  can  take  advantage  of  the  authoring  features  that  Flash  Professional  offers  for  that  document  type. 

Converting  your  Flash  document  using  the  document  type  converter 

To  convert  your  Flash  document  to  another  document  type: 

1  Open  the  document  that  you  want  to  convert  and  click  Commands  >  Convert  to  Other  Document  Formats.  The 
Document  Type  Converter  dialog  box  appears. 

2  In  the  Convert  your  document  to  drop-down,  select  the  document  type  that  you  want  the  convert  the  document  to. 

3  Click  Browse  to  select  the  directory  in  which  you  want  to  save  the  converted  file  and  click  OK. 


Document  Type  Converter 


Convert  your  document  to: 

HTML5  Canvas  ▼ 

Save  As: 

||  /Users/Adobe/Documents/myProject_C|| 

Browse 

Cancel  OK 


Note:  When  you  try  to  convert  any  multi-scene  document  to  HTML5  Canvas  doctype,  all  the  scenes  are  saved  as 
separate  files  because  HTML5  Canvas  document  type  does  not  support  multiple  scenes.  Place  all  your  scenes  within 
separate  symbols  if  you  want  to  use  them  in  a  single  document. 

You  can  convert  your  existing  Flash  projects  to  another  format  or  reuse  assets  in  a  project  by  simply  copying  and  pasting 
layers  and  library  symbols. 
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Custom  Platform  Support 

Flash  Professional  supports  creating  rich  graphics  and  animations  using  document  types  such  as  ActionScript, 
HTML5,  and  WebGL.  The  Custom  Platform  Support  feature  helps  to  extend  the  power  of  Flash  Professional  CC  to 
support  platforms  that  are  not  native  to  Flash. 

Custom  Platform  Support  can  be  added  to  Flash  Professional  by  implementing  a  plugin  using  a  set  of  Application 
Programming  Interfaces  (APIs)  that  are  provided  as  part  of  the  Custom  Platform  Support  Development  Kit.  The 
developers  can  create  custom  platform  support  plugins  for  Flash  using  these  interfaces  and  referring  to  the  the  sample 
code.  By  installing  a  platform  support  plugin  for  a  new  document  type,  users  can  create  their  art  using  the  rich  feature 
set  of  Flash  Professional  and  publish  it  in  the  output  format  of  the  custom  platform. 


Workflows 

The  Custom  Platform  Support  feature  includes  two  parts:  one  for  the  developer  who  creates  custom  platform  support 
plugins  and  the  other  for  the  user  who  installs  and  uses  the  plugin. 

Developer 

If  you  are  a  developer  who  builds  add-ons  for  Flash  Professional,  you  can  use  the  following  workflow  to  develop  and 
distribute  your  plugins: 


Custom  Platform  Support  -  Platform  Developer 


Add  support  for 
a  new  platform 
using  our  Custom 
Platform  Support  SDK 


Share  with  others  as  an 
independent  zxp  file 


Note:  For  instructions  on  how  to  develop  Custom  Platform  Support  plugins  using  the  development  kit,  see  Enabling  Support 
for  Custom  Platforms. For  detailed  documentation  of  APIs  in  the  development  kit,  see  Custom  Platform  Support  API 
Reference. 

User 
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If  you  are  a  Flash  Pro  user,  you  can  acquire  a  Custom  Platform  Plugin  using  one  of  the  following  methods: 

•  Download  the  Custom  Platform  Support  plugin  for  a  platform  of  your  choice  from  the  Adobe  Add-ons  page.  The 
Adobe  Add-on  page  allows  you  to  acquire  a  plugin  and  install  it  using  the  Adobe  Creative  Cloud  application. 

•  Get  a  .zxp  file  from  a  plugin  developer  and  install  it  using  the  Adobe  Extension  Manager  application. 

The  following  workflow  illustrates  how  you  can  install  a  custom  platform  support  plugin  and  create  your  custom 
platform  document. 


Custom  Platform  Support  -  End  User 


Go  to  crestiveadcte.com/addons 

Install  using  Adobe 
Extensions  Manager 

End  user  downloads  the  extension 


Extension  shows  up 
in  the  new  document  Ul 


FUsh  webGL  ^ 

CartWS  Watfcfms 

Consistent  workflcws  across  all  document 
types  including  asset  reuse 


More  Help  topics 

Enabling  Custom  Platform  Support 

Custom  Platform  Support  API  Reference 
Working  with  Custom  Platform  Support  Plugins 


Creating  and  publishing  an  HTML5  Canvas  document 
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What  is  HTML5  Canvas? 

Canvas  is  a  new  element  in  HTML5,  which  provides  APIs  that  allow  you  to  dynamically  generate  and  render  graphics, 
charts,  images,  and  animation.  The  presence  of  the  Canvas  API  for  HTML5,  strengthens  the  HTML5  platform  by 
providing  two-dimensional  drawing  capabilities.  These  capabilities  are  supported  on  most  modern  operating  systems 
and  browsers. 

Essentially,  Canvas  is  a  bitmap  rendering  engine,  and  the  drawings  are  final  and  cannot  be  resized.  Furthermore,  objects 
drawn  on  Canvas  are  not  part  of  the  web  page's  DOM. 

Within  a  web  page,  you  can  add  Canvas  elements  using  the  <Canvas>  tag.  These  elements  can  then  be  enhanced  using 
JavaScript  to  build  interactivity.  For  more  information,  see  this  link. 


The  new  HTML5  Canvas  document-type 

Flash  Professional  CC  enables  you  to  create  an  HTML5  Canvas  document  with  rich  artwork,  graphics,  animations,  and 
so  on.  A  new  document  type  (HTML5  Canvas)  has  been  added  to  Flash  Pro  that  provides  native  support  for  creating 
rich  and  interactive  HTML5  content.  It  means  that  you  can  use  the  traditional  Flash  Professional  timeline,  workspace, 
and  tools  to  create  content,  but  produce  HTML5  output.  With  a  few  simple  clicks,  you  are  ready  to  create  an  HTML5 
Canvas  doc  and  generate  a  fully  functional  output.  To  its  end,  within  Flash  Pro,  the  document  and  publish  options  are 
preset  to  generate  HTML5  output. 

Flash  Professional  CC  is  integrated  with  CreateJS,  which  enables  rich  interactive  content  on  open  web  technologies  via 
HTML5.  Flash  Pro  CC  generates  HTML  and  JavaScript  for  content  (includes  bitmaps,  vectors,  shapes,  sounds,  tweens, 
and  so  on)  created  on  stage.  The  output  can  be  run  on  any  device  or  browser  that  supports  HTML5  Canvas. 

Flash  Professional  and  the  Canvas  API 

Flash  Pro  publishes  to  HTML5  by  leveraging  the  Canvas  API.  Flash  Pro  seamlessly  translates  objects  created  on  stage 
in  to  their  Canvas  counterparts.  By  providing  a  1-to-l  mapping  of  Flash  features  with  the  APIs  within  Canvas,  Flash 
Pro  enables  you  to  publish  complex  content  to  HTML5. 


Creating  an  HTML5  Canvas  document 

To  create  an  HTML5  Canvas  document,  do  the  following: 

1  Launch  Flash  Professional  CC. 

2  On  the  Welcome  Screen,  click  the  HTML5  Canvas  option.  This  opens  a  new  FLA  with  Publish  Settings  modified  to 
produce  HTML5  output. 

3  Alternatively,  select  File>  New  to  display  the  New  Document  dialog.  Click  the  HTML5  Canvas  option. 

You  can  now  begin  creating  HTML5  content  using  the  tools  within  Flash  Pro.  As  you  begin  working  with  the  HTML5 
Canvas  document,  you  will  notice  that  certain  features  and  tools  are  not  supported  and  are  disabled.  This  is  because, 
Flash  Professional  supports  those  features  that  are  in-turn  supported  by  the  Canvas  element  within  HTML5.  For 
example,  3D  transformations,  dotted  lines,  bevel  effects  are  not  supported. 


Adding  interactivity  in  HTML5  Canvas  document 

Flash  Professional  CC  publishes  HTML5  content  using  the  CreateJS  libraries.  CreateJS  is  a  suite  of  modular  libraries 
and  tools  which  enable  rich  interactive  content  on  open  web  technologies  via  HTML5.  The  CreateJS  suite  comprises 
of:  EaselJS,  TweenJS,  SoundJS,  PreloadJS,  and  Zoe.  CreateJS  converts  content  created  on  stage  to  HTML5  using  these 
individual  libraries  to  produce  HTML  and  JavaScript  output  files.  You  can  also  manipulate  this  JavaScript  file  to 
enhance  your  content. 
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However,  Flash  Professional  CC  allows  you  to  add  interactivity  to  objects  on  stage  created  for  HTML5  Canvas  from 
within.  It  means  that  you  can  actually  add  JavaScript  code  to  individual  objects  on  stage  from  within  Flash  Pro  and 
preview  at  author-time.  In  turn,  Flash  Pro  provides  native  support  for  JavaScript  with  useful  features  within  the  code¬ 
editor  to  help  improve  workflow  efficiency  of  programmers. 

You  can  choose  individual  frames  and  keyframes  on  the  Timeline  to  add  interactivity  to  your  content.  For  an  HTML5 
Canvas  document,  you  can  add  interactvity  using  JavaScript.  For  more  information  about  writing  JavaScript  code,  see 
this  link. 

JavaScript  code  can  be  written  directly  in  the  Actions  panel,  and  it  supports  the  following  features  while  writing  the 
JavaScript  code: 

Code  Hinting  Allows  you  to  quickly  insert  and  edit  JavaScript  code  and  without  mistakes.  As  you  type  characters  in  the 
Actions  Panel,  you  can  see  a  list  of  candidates  that  possibly  complete  your  entry. 

Additionally,  Flash  Professional  also  supports  some  features  inherent  to  Actions  Panel  when  working  with  HTML5 
Canvas.  These  features  help  improve  workflow  efficiency  when  adding  interactivity  to  objects  on  stage.  They  are: 

Syntax  Highlighting  Displays  code  in  different  fonts  or  colors  according  to  the  syntax.  This  feature  allows  you  to  write 
code  in  a  structured  manner,  helping  you  visually  distinguish  correct  code  and  syntax  errors. 

Code  Coloring  Displays  code  in  different  colors  according  to  the  syntax.  This  allows  you  to  visually  distinguish  various 
parts  of  a  syntax. 

Bracket  Automatically  adds  closing  brackets  and  parentheses  for  open  when  writing  JavaScript  code. 


this . stop () ; 

this.newMovieClip_mc.addEventListener ("click" ,  alertpopup) ; 
El  function  alertpopup () { 
alert (' clicked ' ) ; 

alert ("this  will  run  when  the  timeline  hits  this  frame"); 


You  can  add  interactivity  to  shapes  or  objects  on  stage  using  JavaScript.  You  can  add  JavaScript  to  individual  frames  and 
keyframes. 

1  Select  the  frame  you  want  to  add  JavaScript  to. 

2  Select  Window  >  Actions  to  open  the  Actions  Panel. 

Using  JavaScript  Code  Snippets 

You  can  add  interactivity  using  JavaScript  code  snippets  available  within  Flash  Professional  CC.  To  access  and  use  Code 
Snippets,  select  Windows  >  Code  Snippets.  For  more  information  about  adding  JavaScript  code  snippets,  see  this 
article . 
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References  to  CreateJS  documentation 


CreateJS  Library 

API  Documentation 

Code  Samples  on  Github 

EaseIJS 

http://createjs.com/Docs/EaselJS/modules/Ea 

selJS.html 

https://github.com/createjs/easeljs/ 

TweenJS 

http://createjs.com/Docs/TweenJS/modules/ 

TweenJS.html 

https://github.com/createjs/tweenjs/ 

SoundJS 

http://createjs.com/Docs/SoundJS/modules/ 

SoundJS.html 

https://github.com/createjs/soundjs/ 

PreloadJS 

http://createjs.com/Docs/PreloadJS/modules 

/PreloadJS.html 

https://github.com/createjs/preloadjs/ 

Publishing  animations  to  HTML5 

To  publish  the  content  on  stage  to  HTML5,  do  the  following: 

1  Select  File  >  Publish  Settings. 

2  On  the  Publish  Settings  dialog,  specify  the  following  settings: 

Output  The  directory  the  FLA  is  published  to.  This  defaults  to  the  same  directory  as  the  FLA,  but  can  be  changed  by 
clicking  the  browse  button 

Loop  Timeline  If  checked  the  timeline  loops,  if  not  it  stops  when  it  plays  to  the  end. 

Publish  HTML  If  deselected,  the  HTML  file  is  not  generated. 


Output  fjle:  Q 

■■■■  = 

V  Loop  timeline 

V  Publish  HTML 

Asset  Export  Options  The  relative  URLs  to  export  images,  sounds,  and  supporting  CreateJS  JavaScript  libraries  to.  If 
the  check  box  to  the  right  is  not  checked,  those  assets  are  not  exported  from  the  FLA,  but  the  specified  path  is  still  used 
to  assemble  their  URLs.  It  expedites  publishing  from  an  FLA  with  many  media  assets,  or  avoid  overwriting  modified 
JavaScript  libraries. 

The  Export  all  bitmaps  as  Spritesheets  option  allows  you  to  pack  all  the  bitmaps  in  canvas  document  in  to  a  sprite  sheet, 
which  reduces  the  number  of  server  requests  and  improves  performance.  You  can  specify  the  maximum  size  of  the 
sprite  sheet  by  giving  the  height  and  width  values. 
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JavaScript  Namespaces  The  namespace  in  which  symbols,  images,  and  the  CreateJS  libraries  are  placed  into  and 
referenced  from. 


Hosted  Libraries  If  checked,  it  uses  copies  of  the  libraries  hosted  on  the  CreateJS  CDN  at  code.createjs.com.  It  allows 
the  libraries  to  be  cached  and  shared  between  various  sites. 

Include  Hidden  Layers  If  deselected,  hidden  layers  are  not  included  in  the  output. 

Compact  Shapes  If  checked,  vector  instructions  are  outputted  in  a  compact  form.  Deselect  to  export  readable,  verbose 
instructions  (useful  for  learning  purposes). 

Multiframe  bounds  If  checked,  timeline  symbols  include  a  frameBounds  property  containing  an  array  of  Rectangles 
corresponding  to  the  bounds  of  each  frame  in  the  timeline.  Multiframe  bounds  significantly  increases  publish  time. 


▼  ADVANCED 

V  Hosted  Libraries 
"S  Indude  hidden  layers 
Compact  Shapes 
Multiframe  bounds 


❖  Click  Publish  to  publish  your  content  to  the  specified  location. 

Note:  An  animation  designed  using  nested  timelines,  with  a  single  frame,  cannot  be  looped. 


Optimizing  HTML5  Canvas  output 

Flash  Professional  optimizes  HTML5  Canvas  output  size  and  performance  by: 

•  Exporting  bitmaps  and  sprite  sheet  by  selecting  the  option  under  Asset  Export  Options. 

•  Excluding  hidden  layers  (by  deselecting  the  Include  hidden  layers  check  box)  and  guide  layers  from  published 
output  (default). 

•  Excluding  all  unused  assets  such  as  sounds  and  bitmaps,  and  all  assets  on  unused  frames  (default). 

•  Specifying  not  to  export  the  assets  from  the  FLA  by  deselecting  the  asset  export  options  for  images,  sounds,  and 
supporting  CreateJS  JavaScript  libraries  and  using  the  relative  URLs  to  export. 
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Note:  Starting  Flash  Professional  CC  2015  release,  the  Optimize  Graphic  check  box  has  been  removed  from  the  Publish 
Settings  dialog  box  as  Flash  Professional  performs  this  optimization  implicitly  while  publishing  HTML5  Canvas 
documents. 


Export  bitmaps  as  sprite  sheet 

Exporting  a  number  of  bitmaps  that  you  have  used  in  your  HTML5  Canvas  document  as  a  single  sprite  sheet  reduces 
the  number  of  server  requests,  reduces  the  output  size,  and  improves  performance.  You  can  specify  the  maximum  size 
of  the  sprite  sheet  by  giving  the  height  and  width  values. 

1  Under  Asset  Export  Options,  select  the  Export  all  bitmaps  and  Spritesheets  check  box. 

2  In  Maximum  size  of  Spritesheets,  specify  the  maximum  height  and  width  of  the  sprite  sheet. 


ASSET  EXPORT  OPTIONS: 

S  Images: 

v'  Export  all  bitmaps  as  Spritesheets 
Maximum  size  of  Spritesheets:  3192  x  3192 


Understanding  the  HTML5  Canvas  output 

The  published  HTML5  output  contains  the  following  files: 

HTML  file  Contains  definitions  for  all  shapes,  objects,  and  artwork  within  the  Canvas  element.  It  also  invokes  the 
CreateJS  namespace  to  convert  Flash  to  HTML5  and  the  corresponding  JavaScript  file  that  contains  interactive 
elements. 

JavaScript  file  Contains  dedicated  definitions  and  code  for  all  interactive  elements  of  the  animation.  Also  defined 
within  the  JavaScript  file  are,  code  for  all  types  of  tweens. 

These  files  are  copied  to  the  same  location  as  that  of  the  FLA  by  default.  You  can  change  the  location  by  providing  the 
output  path  on  the  Publish  Settings  dialog  (File  >  Publish  Settings). 


Migrating  existing  content  to  HTML5  Canvas 

You  can  migrate  existing  content  within  Flash  Pro  to  generate  an  HTML5  output.  To  its  end,  Flash  Pro  allows  you  to 
migrate  content  by  manually  copying  or  importing  individual  layers,  symbols,  and  other  library  items.  Alternatively, 
you  could  run  the  Convert  AS3  to  HTML5  Canvas  document  command  to  automatically  port  existing  ActionScript 
content  to  a  new  HTML5  Canvas  document.  For  more  information,  see  this  link . 

However,  when  working  the  HTML5  document  type  in  Flash  Professional  CC,  you  can  notice  that  certain  Flash 
features  are  not  supported.  This  is  because,  the  features  within  Flash  do  not  have  corresponding  features  within  the 
Canvas  API.  And  hence,  these  features  cannot  be  used  within  the  HTML5  Canvas  document  type.  This  may  affect  you 
during  content  migration,  when  you  attempt  to: 

Copy  content  (layers  or  library  symbols)  from  a  traditional  Flash  document  type  (such  as  ActionScript  3.0,  AIR  for 
Android,  AIR  for  Desktop,  and  so  on)  into  an  HTML5  document.  In  this  case,  an  unsupported  content-type  is  either 
removed  or  converted  to  supported  defaults. 

For  example,  copying  3D  animation  will  remove  all  3D  transformations  applied  to  objects  on  stage. 

Import  a  PSD  or  AI  file  that  contain  unsupported  content.  In  this  case,  the  content  is  either  removed  or  converted  to 
supported  defaults. 
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For  example,  import  a  PSD  file  that  has  Gradient  Bevel  effect  applied.  Flash  Pro  removes  the  effect. 

Work  with  multiple  document  types  (for  example,  ActionScript  3.0  and  FITML5  Canvas)  simultaneously,  you  switch 
documents  with  an  unsupported  tool  or  option  selected.  In  this  case,  Flash  Pro  CC  visually  indicates  that  the  feature  is 
not  supported. 

For  example,  you  created  a  dotted  line  in  an  ActionScript  3.0  document  and  switch  to  HTML5  Canvas  with  the  Line 
tool  still  selected.  Observe  the  pointer  and  the  the  Properties  Inspector,  they  display  icons  to  indicate  that  dotted  line 
is  not  supported  within  HTML5  Canvas. 

Scripts  ActionScript  components  are  removed  and  the  code  is  commented  out.  And  also,  if  you  have  JavaScript  written 
within  the  comment  block  (for  Toolkit  for  CreateJS  with  Flash  Professional  CC  13.0),  ensure  that  you  manually 
uncomment  the  code. 

For  example,  if  you  copied  layers  that  contain  buttons,  they  are  removed. 

Changes  applied  to  content  after  migrating 

The  following  are  the  types  of  changes  that  are  applied  when  you  migrate  legacy  content  to  an  FITML5  Canvas 
document. 

Content  is  removed  Content  types  that  are  not  supported  in  HTML5  Canvas  are  removed.  For  example: 

•  3D  Transformations  are  removed 

•  ActionScript  code  is  commented  out 

•  Videos  are  removed 

Content  is  modified  to  a  supported  default  value  Content  type  or  feature  is  supported,  but  a  property  of  the  feature  is 
not.  For  example: 

•  Overlay  Blendmode  is  not  supported;  is  modified  to  Normal. 

•  Dotted  Line  is  not  supported;  is  modified  to  Solid. 

For  a  full  list  of  features  that  are  not  supported  and  their  fallback  values  during  migration,  see  this  article  . 


Converting  ActionScript  3  to  HTML5  Canvas  document  using  JSFL  script 

Flash  Professional  CC  provides  a  JSFL  script  to  convert  an  AS3  document  to  HTML5  Canvas  document.  When  run, 
the  JSFL  script  does  the  following: 

•  Creates  a  new  HTML5  Canvas  document. 

•  Copies  all  layers,  symbols,  and  library  items  to  the  new  HTML5  Canvas  document. 

•  Applies  defaults  to  unsupported  features,  sub-features,  or  feature-properties. 

•  Creates  separate  FLA  files  for  each  scene,  because  HTML5  Canvas  document  does  not  support  multiple  scenes. 
To  convert  an  AS3  document  to  HTML5  Canvas  document,  do  the  following: 

1  Open  the  ActionScript  3  document  in  Flash  Professional  CC. 

2  Select  Commands  >  Convert  AS3  to  HTML5  Canvas  document. 

Note:  Ensure  that  you  read  through  Warnings  in  the  Output  panel.  These  warnings  give  you  information  about  changes 
that  were  applied  to  content  during  the  conversion. 
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Creating  and  publishing  a  WebGL  document 


What  is  WebGL? 

WebGL  is  an  open  web  standard  for  rendering  graphics  on  any  compatible  browser,  without  the  need  for  additional 
plug-ins.  WebGL  is  integrated  completely  into  all  the  web  standards  of  the  browser  allowing  GPU  accelerated  usage  of 
image  processing  and  effects  as  part  of  the  web  page  canvas.  WebGL  elements  can  be  embedded  with  other  HTML 
elements  and  composited  with  other  parts  of  the  page. 

Although,  most  modern-day  browsers  support  WebGL,  visit  this  link  to  know  more  details  about  the  exact  versions 
that  are  supported. 

Some  browsers  do  not  have  WebGL  enabled  by  default.  To  enable  WebGL  on  your  browser,  see  this  article. 

Note:  Ensure  that  you  enable  WebGL  on  your  browser,  because  some  browsers  disable  WebGL  by  default. 


The  WebGL  document  type 

Flash  Professional  CC  allows  you  to  create  and  publish  rich  interactive  content  to  the  Web  Graphics  Library  (WebGL) 
format.  Since  WebGL  is  fully  integrated  into  browsers,  it  allows  Flash  Professional  to  leverage  GPU  accelerated  usage 
of  graphics  processing  and  rendering,  as  part  of  the  web  page  canvas. 

In  Flash  Professional  CC,  a  new  document  type  has  been  added  for  WebGL.  This  allows  you  to  create  content  and 
quickly  publish  to  a  WebGL  output.  You  can  leverage  powerful  tools  within  Flash  to  create  rich  content,  but  render 
WebGL  output  that  runs  on  any  compatible  browser.  This  means  that  you  can  use  the  traditional  Flash  timeline, 
workspace,  and  drawing  tools  to  natively  author  and  produce  WebGL  content.  Most  commonly  used  browsers  support 
WebGL,  there  by,  allowing  Flash  Pro  to  render  content  on  most  web  platforms. 


Creating  a  WebGL  document 

In  Flash  Professional  CC,  the  WebGL  document  allows  you  to  quickly  create  and  publish  content  for  the  WebGL 
format.  To  create  a  WebGL  document: 

1  Launch  Flash  Professional  CC. 

2  On  the  Welcome  Screen,  click  the  WebGL(Preview)  option.  Alternatively,  select  File  >  New  menu  option  to  display 
the  New  Document  dialog.  Click  the  WebGL(Preview)  option. 


Previewing  WebGL  content  on  browsers 

You  can  use  the  Test  Movie  feature  of  Flash  Pro  to  preview  or  test  your  content.  To  preview,  do  the  following: 

❖  Within  Flash  Professional  CC,  press  Ctrl+Enter  on  Windows  and  CMD+Enter  on  MAC.  This  launches  your  default 
browser  and  renders  the  WebGL  content. 

Flash  Professional  CC  requires  a  web  server  to  run  WebGL  content.  Flash  Pro  CC  has  a  built-in  Web  Server  that  is 
configured  to  run  WebGL  content  on  Port  #8090.  If  a  server  is  already  using  this  port,  Flash  Pro  automatically  detects 
and  resolves  the  conflict. 


Publishing  content  to  the  WebGL  format 

Flash  Pro  allows  you  to  create  and  publish  WebGL  content  natively  from  within. 
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To  publish  your  WebGL  document,  do  the  following: 

1  Select  File>  Publish  Settings  to  display  the  Publish  Settings  dialog.  Alternatively,  select  File  >  Publish,  if  you  have 
already  specified  Publish  Settings  for  WebGL. 

2  On  the  Publish  Settings  dialog,  specify  values  for: 

Output  file  Provide  a  meaningful  name  for  the  output.  Also,  browse  to  or  enter  the  location  where  you  want  to  publish 
the  WebGL  output. 

Overwrite  HTML  Lets  you  specify  whether  to  overwrite  the  HTML  Wrapper  or  not  everytime  you  publish  your  WebGL 
project.  You  may  uncheck  this  option  if  you  have  made  any  external  changes  to  the  published  HTML  file  and  wish  to 
retain  them  while  updating  any  changes  made  to  the  animation  or  assets  in  Flahs  Pro. 

Include  Hidden  Layers  Includes  all  hidden  layers  in  the  WebGL  output.  Deselecting  Include  Hidden  Layers  prevents  all 
layers  (including  layers  nested  inside  movie  clips)  marked  as  hidden  from  being  exported  in  the  resulting  WebGL.  This 
lets  you  easily  test  different  versions  of  WebGL  document  by  making  layers  invisible. 

Loop  Timeline  Repeats  the  content  when  it  reaches  the  last  frame.  Deselect  this  option  to  stop  the  content  when  it 
reaches  the  last  frame. 


Output  file: 

Overwrite  HTML 

'S  indude  hidden  layers 

'S  Loop  timeline 

❖  Click  Publish  to  publish  WebGL  content  to  the  specified  location. 

Note:  The  maximum  FPS  that  could  specified  for  WebGL  content  that  run  on  browsers  is  60FPS. 


Understanding  the  WebGL  output 

The  published  WebGL  output  contains  the  following  files: 

HTML  Wrapper  file  It  includes  the  runtime,  calls  for  assets,  and  also,  initializes  the  WebGL  Tenderer.  The  file  is  named 
as  <FLA_name>.html  by  default.  You  can  provide  a  different  name  for  the  HTML  file  in  the  Publish  Settings  dialog 
(File  >  Publish  Settings). 

The  HTML  file  is  placed  in  the  same  directory  as  that  of  the  FLA  by  default.  You  can  provide  a  different  location  on  the 
Publish  Settings  dialog. 

JavaScript  File  (WebGL  Runtime)  Renders  published  content  on  WebGL.  Is  published  in  the  libs/  folder  of  the  WebGL 
document.  The  file  is  named  as:  flwebgl-<version>.min.js 

The  HTML  wrapper  makes  use  of  this  JS  file  to  render  WebGL  content. 

Texture  Atlas  Stores  all  the  color  value  (  of  shapes  )  including  the  bitmap  instances  on  the  stage. 


Adding  audio  to  your  WebGL  document 

You  can  import  and  embed  audio  to  the  your  WebGL  document,  control  the  playback  using  the  sync  settings  (event, 
start,  and  stop),  and  play  timeline  audio  at  runtime.  WebGL  currently  supports  only  .wav  and  .mp3  formats. 

For  more  information  on  working  with  audio,  see  Using  sounds  in  Flash. 
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Migrating  existing  content  to  a  WebGL  document 

You  can  migrate  existing  content  within  Flash  Pro  to  a  WebGL  document.  To  its  end,  Flash  Pro  allows  you  to  migrate 
via  copying  or  importing  content  manually.  Also,  when  working  with  multiple  documents  within  Flash,  it  is  a  common 
practice  to  copy  content  across  documents  as  Layers  or  assets  in  the  Library.  Although,  most  features  of  Flash  Pro  are 
supported,  some  content  types  are  modified  to  better  accommodate  the  WebGL  format. 

Flash  Professional  contains  several  powerful  features  that  help  produce  visually  rich  content.  Flowever,  considering  that 
some  of  these  features  are  native  to  Flash  Pro,  they  will  not  be  supported  in  a  WebGL  document.  Flash  Pro  has  been 
designed  to  modify  such  content  to  a  supported  format,  and  visually  indicate  when  a  tool  or  feature  is  not  supported. 

Copy  content  (layers  or  library  symbols)  from  a  traditional  Flash  document  type  (such  as  ActionScript  3.0,  AIR  for 
Android,  AIR  for  Desktop,  and  so  on)  into  a  WebGL  document.  In  this  case,  an  unsupported  content-type  is  either 
removed  or  converted  to  supported  defaults. 

For  example,  copying  3D  animation  will  remove  all  3D  transformations  applied  to  objects  on  stage. 

Import  a  PSD  or  AI  file  that  contain  unsupported  content.  In  this  case,  the  content  is  either  removed  or  converted  to 
supported  defaults. 

For  example,  import  a  PSD  file  that  has  Blur  effects  applied.  Flash  Pro  removes  the  effect. 

Work  with  multiple  document  types  (for  example,  ActionScript  3.0  and  WebGL)  simultaneously,  you  switch 
documents  with  an  unsupported  tool  or  option  selected.  In  this  case,  Flash  Pro  CC  visually  indicates  that  the  feature  is 
not  supported. 

For  example,  you  created  a  dotted  line  in  an  ActionScript  3.0  document  and  switch  to  WebGL  with  the  Line  tool  still 
selected.  Observe  the  pointer  and  the  Properties  Inspector,  they  visually  indicate  that  dotted  line  is  not  supported 
within  WebGL. 

Scripts  You  can  write  Javascript  code  in  the  Actions  panel,  which  will  be  executed  after  player  enters  the  frame.  The 
'this'  variable  in  the  context  of  frame  scripts  refers  to  the  instance  of  the  MovieClip  it  belongs  to.  In  addition,  frame 
scripts  can  access  Javascript  functions  and  variables  declared  in  the  container  HTML  file.  When  you  copy  a  frame  or 
layer  from  an  ActionScript  document  and  paste  it  in  a  WebGL  document,  scripts  if  any  will  be  commented. 

Changes  applied  to  content  after  migrating 

The  following  are  the  types  of  changes  that  are  applied  when  you  migrate  legacy  content  to  an  WebGL  document. 
Content  is  removed  Content  types  that  are  not  supported  in  HTML5  Canvas  are  removed.  For  example: 

Filters  are  not  supported.  The  effect  will  be  removed,  and  the  shape  will  assume  a  solid  fill,  instead. 
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Content  is  modified  to  a  supported  default  value  Content  type  or  feature  is  supported,  but  a  property  of  the  feature 
not.  For  example: 


Radial  Gradient  is  modified  to  assume  Solid  fill  using  the  primary  color. 


Radial  Gradient 


For  a  full  list  of  features  that  are  not  supported  and  their  fallback  values  during  migration,  see  this  article  . 
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Improving  rendering  performance  with  bitmap  caching 

Runtime  bitmap  caching  lets  you  optimize  rendering  performance  by  specifying  that  a  static  movie  clip  (for  example, 
a  background  image)  or  button  symbol  be  cached  as  a  bitmap  at  runtime.  By  default,  vector  items  are  redrawn  in  every 
frame.  Caching  a  movie  clip  or  button  symbol  as  a  bitmap  prevents  the  browser  from  having  to  continually  redraw  the 
item,  because  the  image  is  a  bitmap  and  its  position  does  not  change.  This  provides  a  significant  improvement  in 
performance  of  rendering  WebGL  content. 

For  example,  when  you  create  an  animation  with  a  complex  background,  create  a  movie  clip  containing  all  the  items 
included  in  the  background.  Then  select  Cache  as  Bitmap  for  the  background  movie  clip  in  the  Property  inspector. 
During  playback,  the  background  is  rendered  as  a  bitmap  stored  at  the  current  screen  depth.  Browser  draws  the  bitmap 
on  the  Stage  quickly  and  only  once,  letting  the  animation  play  faster  and  more  smoothly. 

Bitmap  caching  lets  you  use  a  movie  clip  and  freeze  it  in  place  automatically.  If  a  region  changes,  vector  data  updates 
the  bitmap  cache.  This  process  minimizes  the  number  of  redraws  that  browser  must  perform,  and  provides  smoother, 
faster  rendering  performance. 

To  enable  Cache  as  Bitmap  property  for  a  movieclip  symbol,  select  the  movieclip  instance,  and  select  Cache  as  Bitmap 
from  the  Render  drop-down  on  Properties  Inspector  (Window  >  Properties). 


Properties  Library  ►►  »= 


Background 


Movie  Clip  ■» 

Instance  of:  Symbol  1  Swap... 


Blending:  Normal  ▼ 

Render:  Cache  as  Bitmap  ▼ 

Original  (No  Change) 

V  Cache  as  Bitmap 


Considerations  when  using  Cache  as  Bitmap 

When  using  Cache  as  Bitmap  property  on  WebGL  content,  consider  the  following: 

•  Maximum  size  of  the  movieclip  symbol  is  limited  to  2048x2048.  Note  that  the  actual  bounds  of  the  movie  clip 
instance  that  can  be  cached  are  lesser  than  2048x2048,  WebGL  reserves  some  pixels. 

•  If  there  is  more  than  one  instance  of  the  same  movieclip,  Flash  Professional  generates  the  cache  with  the  size  of  the 
first  instance  encountered.  However,  the  cache  is  not  re-generated  and  Cache  as  Bitmap  property  is  not  ignored, 
even  if  the  transform  of  the  movie  clip  changes  to  a  large  extent.  And  hence,  if  the  movieclip  symbol  is  greatly  scaled 
during  the  course  of  animation,  the  animation  may  appear  pixelated. 
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Packaging  applications  for  AIR  for  iOS 

Flash  Professional  includes  support  for  publishing  applications  for  AIR  for  iOS.  AIR  for  iOS  applications  can  run  on 
the  Apple  iPhone  and  iPad.  When  you  publish  for  iOS,  Flash  converts  your  FLA  files  into  native  iPhone  applications. 

For  information  about  hardware  and  software  requirements  for  desktop  and  mobile  AIR  applications,  see  AIR  system 
requirements. 

For  detailed  instructions  about  packaging  applications  for  the  iPhone,  see  Building  Adobe  AIR  Applications  with  the 
Packager  for  iPhone. 

Note:  Flash  Pro  allows  you  to  add  path  to  the  iOS  SDK  only  when  the  AIR  application  includes  an  ANEfile.  Go  to  File  > 
ActionScript  Settings  >  Library  Path  to  include  an  ANEfile. 


Support  for  AIR  1 7.0  and  Flash  Player  1 7.0 

AIR  17.0  for  iOS  allows  you  to  generate  64-bit  binaries  along  with  the  default  32-bit  binaries  of  your  applications  to 
comply  with  the  Apple  requirement  for  iOS  applications.  With  the  AIR  17.0  update  for  iOS,  the  Enable  Faster  Packaging 
option  under  the  Deployment  tab  of  AIR  for  iOS  Setting  dialog  has  been  enabled  by  default. 


Deploying  AIR  applications  on  iOS  devices  directly 

An  important  change  to  the  AIR  application  deployment  workflow  allows  you  to  deploy  AIR  applications  directly  to 
iOS  devices.  Earlier,  to  deploy  applications  to  iOS  devices,  invoking  AIR  applications  from  iTunes  was  necessary. 

However,  with  Flash  Professional,  you  can  deploy  AIR  applications  on  iOS  directly,  bypassing  the  usage  of  iTunes.  This 
feature  reduces  the  time  required  to  publish  an  AIR  application  for  iOS  and  improves  productivity  and  performance 
significantly. 

Note:  It  is  necessary  that  you  install  iTunes  on  the  machine  that  has  Flash  Professional  installed. 

To  enable  direct  deployment  on  an  iOS  device,  do  the  following: 

1  Ensure  that  iTunes  is  installed  on  the  machine  on  which  you  have  Flash  Professional  installed. 

2  In  Flash  Professional,  on  the  Properties  panel,  click  the  ^button,  beside  the  Target  drop-down  to  bring  up  the  AIR 
for  iOS  Settings  dialog. 
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Properties 


Document 

Untitled-1 


Profile:  Default 

Publish  Settings... 


Target:  AIR  17.0  for  iOS 
Script:  ActionScript  3.0 
Class:  | 

▼  Properties 

FPS:  24.00 

Size:  640  x  961 

Library 


❖  On  the  Deployment  tab,  select  Install  Application  On  The  Connected  iOS  Device  option. 
Post  publishing 

5?  Install  application  on  selected  iOS  devices 

Select  Device  Name  Device  Id 


Refresh 


❖  Click  Publish. 


Testing  and  debugging  AIR  applications  using  the  native  iOS  simulator 

Flash  Professional  can  be  integrated  with  Apple  Xcode  to  enable  Native  iOS  Simulator  to  test  and  debug  AIR 
applications  written  for  iOS.  The  iOS  Simulator  is  highly  useful  when  you  do  not  have  access  to  actual  devices  (iPhone 
or  iPad).  With  the  Native  iOS  Simulator,  you  can  also  test  and  debug  AIR  applications  across  multiple  devices  (iPhone 
and  iPad).  However,  the  iOS  Simulator  can  be  integrated  with  Flash  Professional  CS6  that  runs  on  Macintosh  systems 
only. 

To  use  the  iOS  Simulator,  Flash  Professional  requires  you  to  download  and  install  Xcode.  For  more  information,  see 
Setting  up  Xcode  for  iOS  Simulator  Support . 

Note: 

•  Download  and  install  the  latest  version  of  AIR  to  work  with  the  iOS  simulator. 

•  Since  SDK  version  16  onwards  (CC  2014.2  update),  Flash  Professional  CC  installs  and  launches  the  iOS  app  on  the 
IOS  simulator. 


Setting  up  Xcode  for  iOS  Simulator  Support 

1  Download  and  install  Xcode  from  http://developer.apple.com  or  download  from  Mac  App  Store. 

2  Launch  Flash  Professional. 
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3  Create  or  open  an  existing  AIR  for  iOS  document. 

4  On  the  Properties  panel,  set  the  Player  target  to  the  latest  AIR  version. 

5  Click  the  ^button,  beside  the  Target  drop-down  to  bring  up  the  AIR  for  iOS  Settings  dialog. 


Properties 

Document 

Untitled-1 

▼  Publish 

Profile:  Default 

Publish  Settings... 

Target:  AIR  17.0  for  iOS  ▼  ^ 

Script:  ActionScript  3.6  ▼ 


❖  On  the  General  tab,  provide  the  fully  qualified  path  to  the  iOS  Simulator  SDK  manually  or  browse  to  location.  For 
example: 

Applications/Xcode . app/Contents /Developer /Plat forms /iPhoneSimulator . plat form/ Developer/ SDKs/ 
iPhoneSimulator6 . 0 . sdk 

iOS  Simulator  SDK:  /Ap^lications/Xcode.app/Contents/Developer/Platfor 


❖  On  the  Deployment  tab,  provide  the  Certificate  and  Password.  Optionally,  provide  the  Provisioning  Profile  for  the 
AIR  application. 


Certificate:  ...riPod/Enterprise/Certificates.pl2  T 

Password:  •••••••••••• 

0  Remember  password  for  this  session 

Provisioning  profile  ...obileprovisionl.mobileprovision  j  T  | 


❖  Click  OK  to  finish. 

You  can  now  use  the  iOS  Simulator  to  test  and  debug  your  application.  For  information,  see  Testing  AIR  applications 
using  the  Natives  iOS  Simulator  and  Debugging  AIR  applications  using  the  Native  iOS  Simulator  . 
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Testing  AIR  applications  using  the  Native  iOS  Simulator 

Ensure  that  you  have  set  up  Xcode  and  set  the  path  to  iPhone  SDK  before  testing  your  AIR  application.  For  more 
information,  see  Setting  Up  Xcode  for  iOS  Simulator  . 

1  In  Flash  Professional,  Control  >  Test  Movie  >  on  iOS  Simulator  to  bring  up  the  iOS  Simulator.  However,  if  you  have 
not  set  the  iOS  Simulator  SDK  path  in  AIR  for  iOS  Settings  dialog,  an  error  is  thrown  to  indicate  the  same. 

2  Browse  to  your  application  on  the  iOS  Simulator,  and  click  to  launch. 

Debugging  AIR  applications  using  the  Native  iOS  Simulator 

Ensure  that  you  have  set  up  Xcode  and  set  the  path  to  iPhone  SDK  path  before  debugging  your  AIR  application.  For 
more  information,  see  Setting  Up  Xcode  for  iOS  Simulator  . 

1  In  Flash  Professional,  select  Debug  >  Debug  Movie  >  on  iOS  Simulator  to  bring  up  the  iOS  Simulator.  However,  if 
you  have  not  set  the  iOS  Simulator  SDK  path  in  AIR  for  iOS  Settings  dialog,  an  error  is  thrown  to  indicate  the  same. 

2  In  Flash  Professional,  select  Debug  >  Begin  Remote  Debugging  Session  >  ActionScript  3.0. 

3  Browse  to  your  application  on  iOS  Simulator,  and  click  to  launch. 

Publishing  AIR  applications  for  devices  with  High  Resolution  Retina  Display 
support 

Flash  Professional  allows  you  to  create  rich  AIR  applications  for  iOS  with  an  extended  support  for  High-resolution 
Retina  display.  You  can  choose  to  select  High-resolution  Retina  Display  when  publishing  AIR  applications. 

1  In  Flash  Professional,  create  or  open  an  existing  AIR  for  iOS  document. 

2  On  the  Properties  panel,  click  the  ^button  beside  the  Target  drop-down  to  bring  up  the  AIR  for  iOS  Settings 
dialog. 


Properties 

Document 

m 

Untitled-l 

▼  Publish 

Profile:  Default 

Publish  Settings... 

Target:  AIR  17.0  for  iOS 

Script:  ActionScript  3.0 

Class:  | 

▼  Properties 

FPS:  24.00 

Size:  .640  x  960  px 

Library 


-  ^ 
-  A 

■  * 

\ 


❖  On  the  General  tab,  set  the  Resolution  as  High. 
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Render  |Auto 
Device:  iPhone  and  iPad 


P  ^ 


❖  Click  Publish. 


Test  and  debug  using  Interpreter  Mode 

New  in  Flash  Professional  CC 

The  Interpreter  Mode  allows  you  to  quickly  debug  or  test  your  AIR  applications  written  for  iOS.  When  the  Interpreter 
Mode  is  selected,  AIR  applications  are  installed  without  converting  to  ARM  code. 

To  enable  the  Interpreter  Mode,  do  the  following: 

1  On  the  Properties  panel,  click  the  ^button,  beside  the  Target  drop-down  to  bring  up  the  AIR  for  iOS  Settings 
dialog. 

2  On  the  Deployment  tab,  select  Device  Testing  In  Interpreter  Mode  or  Device  Debugging  In  Interpreter  Mode  for 
the  iOS  deployment  type  option. 

3  Click  OK  to  finish. 

Note:  You  can  package  and  load  multiple  SWFs  that  contain  ActionScript  byte  code  using  both  the  Interpreter  and  AOT 
(Ahead  of  Time)  modes.  For  more  information,  see  this  blog. 

Note:  The  Interpreter  Mode  should  only  be  used  for  testing  or  debugging  purposes.  The  AIR  installation  files  produced  using 
the  Interpreter  Mode  cannot  be  uploaded  to  the  Mac  App  Store. 


Testing  and  debugging  on  iOS  via  USB 

New  with  Flash  Professional  CC 

You  can  test  and  debug  applications  on  iOS  devices  connected  via  USB.  This  adds  on  to  the  remote  testing  and 
debugging  functionality  via  wi-fi  available  within  Flash  Professional  CC.  However,  by  connecting  devices  via  USB, 
testing,  and  debugging  workflows  are  simplified  by  reducing  the  number  of  manual  steps  and  in  effect,  expediting  the 
testing  and  debugging  processes. 

To  enable  testing  or  debugging  via  USB,  do  one  of  the  following: 

•  (For  debugging)  Select  Debug  >  Debug  Movie  >  on  Device  Via  USB. 

•  (For  testing)  Select  Control  >Test  Movie  >  on  Device  Via  USB. 


Multi-device  connectivity  via  USB 

New  with  Flash  Professional  CC 

Flash  Professional  supports  testing  of  applications  on  multiple  devices  simultaneously.  You  can  connect  to  and  test 
multiple  devices  via  USB. 
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You  can  take  advantage  of  this  feature  to  test  by  deploying  to  multiple  devices  of  varying  screen  sizes,  OS  versions,  and 
hardware  configurations  simultaneously.  This  allows  you  to  analyze  performance  of  your  application  across  a  spectrum 
of  devices  at  once. 

1  On  the  Properties  panel,  click  the  ^button,  beside  the  Target  drop-down  to  bring  up  the  AIR  for  iOS  Settings 
dialog. 

2  On  the  Deployment  tab,  a  list  of  all  connected  devices  is  displayed.  Select  devices  on  to  which  you  wish  to  publish 
the  application. 

3  Click  Publish. 

Adding  xxhdpi  icons  (144x144) 

New  in  Flash  Professional  CC  |  November  2013 

You  can  manually  add  xxhdpi  icons  for  an  AIR  application  using  the  app-descriptor.xml  file.  Flash  Pro  CC  allows  you 
to  add  xhdpi  icons  (96x96)  icons  using  the  Manage  AIR  SDK  dialog.  However,  if  you  wish  to  add  icons  of  higer 
resolution,  you  can  manually  add  them  in  the  app-descriptor.xml  file  for  your  AIR  application  using  the  following  tag: 

<iconximagel44xl44>{Location  of  png}/  [icon_name-  144x144]  .png</imagel44xl44x/icon> 

For  more  information  about  the  app-descriptor.xml  file,  see  this  help  article. 


Troubleshooting 

•  Publishing  an  AIR  for  iOS  application  fails  if  the  file  name  specified  for  the  FLA  or  the  SWF  contain  double-byte 
characters. 

•  When  publishing  an  AIR  for  iOS  application,  Flash  Pro  hangs  if  the  device  is  unplugged. 


Publishing  AIR  for  Android  applications 

Flash  Professional  CS  5.5  and  later  versions  allow  you  to  publish  content  for  Adobe*  AIR"  for  Android. 

This  article  describes  configuring  the  AIR  for  Android  publish  settings  in  Flash  Professional.  For  complete  information 
about  developing  Adobe  AIR"  applications,  see  Building  Adobe  AIR  Applications. 

For  information  about  hardware  and  software  requirements  for  desktop  and  mobile  AIR  applications,  see  AIR  system 
requirements. 

For  complete  AIR  developer  documentation  see  the  Adobe  AIR  Reference. 

Videos  and  tutorials 

The  following  video  tutorials  describe  how  to  create  AIR"  for  Android  applications  in  Flash  Pro: 

•  Video:  AIR  for  Android  -  Part  1:  Set  up  your  development  environment  (GotoAndLearn.com,  18:49) 

•  Video:  AIR  for  Android  -  Part  2:  Access  the  camera  on  an  Android  device  (GotoAndLearn.com,  13:35) 

•  Video:  AIR  for  Android  GPU  Acceleration  (GotoAndLearn.com,  15:55) 

•  Blog/Video:  One  Application,  Five  Screens  (Christian  Cantrell,  Adobe  blogs) 

•  Article:  Developing  a  Mobile  Application  with  Flash  (John  Hattan,  gamedev.net) 
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Note:  (AIR  3.7  only)  Packaging  applications  with  only  captive  runtime  (Android)With  AIR  3.7,  packaging  of  AIR 
applications  for  Android  in  any  target  will  embed  the  AIR  runtime.  This  would  help  in  improving  the  user-experience  as 
there  would  be  no  need  to  download  the  AIR  runtime  separately.  A  side-effect  would  however  be  that  there  would  be  an 
increase  in  app  size  of  around  9MB. Flash  Professional  displays  warnings  if  an  AIR  for  Android  application  was  packaged 
using  the  Shared  Runtime  option. 


Create  an  Adobe  AIR  for  Android  file 

You  can  create  Adobe  AIR  for  Android  documents  in  Flash  using  the  File  >  New  command.  You  can  also  create  an 
ActionScript*  3.0  FLA  file  and  convert  it  to  an  AIR  for  Android  file  through  the  Publish  Settings  dialog  box. 

To  create  an  AIR  for  Android  file,  do  one  of  the  following: 

•  Choose  AIR  for  Android  from  the  Welcome  screen  or  the  New  Document  dialog  box  (File  >  New). 

•  Open  an  existing  FLA  file  and  convert  it  to  an  AIR  for  Android  file.  Select  AIR  for  Android  from  the  Target  menu 
in  the  Publish  Settings  dialog  box  (File  >  Publish  Settings). 


Preview  or  publish  an  AIR  for  Android  application 

You  can  preview  a  Flash  AIR  for  Android  SWF  file  as  it  would  appear  in  the  AIR  application  window.  Previewing  is 
useful  when  you  want  to  see  what  the  visible  aspects  of  the  application  look  like  without  packaging  and  installing  the 
application. 

1  Make  sure  you’ve  set  the  Target  setting  in  the  Publish  Settings  dialog  box  to  AIR  for  Android. 

2  Select  Control  >  Test  Movie  >  Test  or  press  Control+Enter. 

If  you  have  not  set  application  settings  through  the  Application  &  Installer  Settings  dialog  box,  Flash  generates  a  default 
application  descriptor  file  (swfname- app.xml)  for  you.  Flash  creates  the  file  in  the  same  folder  where  the  SWF  file  is 
written.  If  you  have  set  application  settings  using  the  Application  &  Installer  Settings  dialog  box,  the  application 
descriptor  file  reflects  those  settings. 

To  publish  an  AIR  for  Android  file,  do  one  of  the  following: 

•  Click  the  Publish  button  in  the  Publish  Settings  dialog  box. 

•  Click  the  Publish  button  in  the  AIR  for  Android  Settings  dialog  box. 

•  Choose  File  >  Publish. 

•  Choose  File  >Publish  Preview. 

When  you  Publish  an  AIR  file,  Flash  Pro  creates  a  SWF  file  and  XML  application  descriptor  file.  Then  Flash  packages 
copies  of  both,  along  with  any  other  files  you  have  added  to  your  application,  into  an  AIR  installer  file  (swfname. apk). 


Creating  AIR  for  Android  applications 

After  you’ve  finished  developing  your  application,  specify  the  settings  for  the  AIR  for  Android  application  descriptor 
and  installer  files  required  to  deploy  it.  Flash  Pro  creates  the  descriptor  and  installer  files  along  with  the  SWF  file  when 
you  publish  an  AIR  for  Android  file. 

You  specify  the  settings  for  these  files  in  the  AIR  for  Android  -  Application  &  Installer  Settings  dialog  box.  Once  you 
have  created  an  AIR  for  Android  file,  this  dialog  box  can  be  opened  from  the  document  Property  inspector.  You  can 
also  access  it  from  the  Player  menu  Settings  button  in  the  Flash  tab  of  the  Publish  Settings  dialog  box. 

Create  the  Adobe  AIR  application  file 

1  In  Flash,  open  the  FLA  file  or  set  of  files  that  make  up  your  Adobe  AIR  application. 
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2  Save  the  AIR  for  Android  FLA  file  before  you  open  the  AIR  Application  &  Installer  Settings  dialog  box. 

3  Select  File  >  AIR  for  Android  Settings. 

4  Complete  the  AIR  for  Android  Application  &  Installer  Settings  dialog  box,  and  then  click  Publish. 

When  you  click  the  Publish  button,  the  following  files  are  packaged: 

•  The  SWF  file 

•  The  application  descriptor  file 

•  The  application  icon  files 

•  The  files  listed  in  the  Included  Files  text  box 

Note:  Publishing  an  AIR  for  Android  application  fails  if  the  file  name  specified  for  the  FLA  or  the  SWF  contain  double¬ 
byte  characters. 

The  AIR  for  Android  Application  and  Installer  Settings  dialog  box  is  divided  into  four  tabs:  General,  Deployment, 
Icons,  and  Permissions. 


General  settings 

The  General  tab  of  the  AIR  for  Android  Application  and  Installer  Settings  dialog  box  contains  the  following  options: 

Output  file  The  name  and  location  of  the  AIR  file  to  create  when  using  the  Publish  command.  The  output  filename 
extension  is  APK. 

App  Name  The  name  used  by  the  AIR  application  installer  to  generate  the  application  filename  and  the  application 
folder.  The  name  must  contain  only  valid  characters  for  filenames  or  folder  names.  Defaults  to  the  name  of  the  SWF  file. 

App  ID  Identifies  your  application  with  a  unique  ID.  You  can  change  the  default  ID  if  you  prefer.  Do  not  use  spaces  or 
special  characters  in  the  ID.  The  only  valid  characters  are  0-9,  a-z,  A-Z,  and  .  (dot),  from  1  to  212  characters  in  length. 
Defaults  to  com.adobe.example.applicationName. 

Version  Optional.  Specifies  a  version  number  for  your  application.  Defaults  to  1.0. 

Version  label  Optional.  A  string  to  describe  the  version. 

Aspect  Ratio  Allows  you  to  select  Portrait,  Landscape,  or  Auto  orientation  for  the  application.  When  Auto  is  selected 
along  with  Auto  orientation,  the  application  launches  on  the  device  depending  on  its  current  orientation. 

Full  Screen  Sets  the  application  to  run  in  full  screen  mode.  This  setting  is  deselected  by  default. 

Auto  orientation  Allows  the  application  to  switch  from  portrait  to  landscape  mode,  depending  on  the  current 
orientation  of  the  device.  This  setting  is  deselected  by  default. 

Render  mode  Allows  you  to  specify  which  method  the  AIR  runtime  uses  to  render  graphic  content.  The  options 
include: 

•  Auto  -  automatically  detect  and  use  the  fastest  rendering  method  available  on  the  host  device. 

•  CPU  -  Use  the  CPU. 

•  GPU  -  Use  the  GPU.  If  no  GPU  is  available,  the  CPU  is  used. 

•  Direct  -  Render  using  Stage3D.  This  is  the  fastest  available  rendering  method. 

For  a  list  of  processors  that  do  not  support  Direct  mode,  see  Stage3D  unsupported  chipsets,  drivers  |  Flash  Player  11, 
AIR  3. 

Processor:  Allows  you  to  select  the  processor  type  of  the  devices  that  you  are  publishing  the  application  for.  The 
supported  processor  types  are  ARM  and  Intel  x86.  Support  for  x86  processors  is  available  since  the  Flash  Professional 
CC  2014.1  release. 
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Included  Files  Specifies  which  additional  files  and  folders  to  include  in  your  application  package.  Click  the  Plus  (+) 
button  to  add  files,  and  the  folder  button  to  add  folders.  To  delete  a  file  or  folder  from  your  list,  select  the  file  or  folder 
and  click  the  Minus  (-)  button. 

By  default,  the  application  descriptor  file  and  the  main  SWF  file  are  automatically  added  to  the  package  list.  The 
package  list  shows  these  files  even  if  you  have  not  yet  published  the  Adobe  AIR  FLA  file.  The  package  list  displays  the 
files  and  folders  in  a  flat  structure.  Files  in  a  folder  are  not  listed,  and  full  paths  to  files  are  shown  but  are  truncated  if 
necessary. 

If  you  have  added  any  AIR  native  extension  files  to  the  ActionScript  library  path,  those  files  will  appear  in  this  list  as 
well. 

Icon  files  are  not  included  in  the  list.  When  Flash  packages  the  files,  it  copies  the  icon  files  to  a  temporary  folder  that  is 
relative  to  the  location  of  the  SWF  file.  Flash  deletes  the  folder  after  packaging  is  complete. 
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Deployment  settings 

The  Deployment  tab  of  the  AIR  for  Android  Application  and  Installer  Settings  dialog  box  lets  you  specify  the  following 
settings. 

Certificate  The  digital  certificate  for  the  application.  You  can  browse  to  a  certificate  or  create  a  new  one.  For 
information  about  creating  a  digital  certificate,  see  Signing  your  application.  Note  certificates  for  Android  applications 
must  have  a  validity  period  set  to  at  least  25  years. 

Password  The  password  for  the  selected  digital  certificate. 

Deployment  type  Specifies  which  type  of  package  to  create. 

•  The  Device  Release  setting  allows  you  to  create  packages  for  the  marketplace  or  any  other  distribution  medium  such 
as  a  website. 

•  The  Emulator  Release  setting  allows  you  to  create  packages  for  debugging  in  the  Mobile  Device  Simulator. 

•  The  Debug  setting  allows  you  to  do  on-device  debugging,  including  setting  breakpoints  in  Flash  and  remote 
debugging  the  application  running  on  the  Android  device.  You  can  also  choose  which  netwirk  interface  and  IP 
address  to  use  for  debugging  sessions. 

AIR  runtime  Specifies  how  the  application  should  behave  on  devices  that  do  not  already  have  the  AIR  runtime  installed. 

•  Embed  AIR  runtime  with  application  adds  the  runtime  to  the  application  installer  package  so  that  no  additional 
download  will  be  required.  This  increases  the  size  of  your  application  package  significantly. 

•  Get  AIR  runtime  from  makes  the  installer  to  download  the  runtime  from  Google  Playstore  or  Amazon  Appstore. 

After  publish  Allows  you  to  specify  whether  to  install  the  application  on  a  currently  connected  Android  device,  and 
whether  to  immediately  launch  the  application  after  the  installation. 

Icons  settings 

The  Icons  tab  of  the  AIR  for  Android  Application  And  Installer  Settings  dialog  box  lets  you  specify  an  icon  for  the 
Android  application.  The  icon  is  shown  after  you  install  the  application  and  run  it  in  the  AIR  for  Android  runtime.  You 
can  specify  three  different  sizes  for  the  icon  (36,  48,  72,  96  pixels)  to  allow  for  the  different  views  in  which  the  icon 
appears.  The  icons  you  choose  for  Android  do  not  have  to  strictly  adhere  to  these  sizes. 

To  specify  an  icon,  click  an  icon  size  in  the  Icons  tab  and  then  navigate  to  the  file  you  want  to  use  for  that  size.  The  files 
must  be  in  PNG  (Portable  Network  Graphics)  format. 

If  you  do  not  supply  an  image  for  a  particular  icon  size,  Adobe  AIR  scales  one  of  the  supplied  images  to  create  the 
missing  icon  image. 


Permissions  settings 

The  Permissions  tab  allows  you  to  specify  which  services  and  data  the  application  has  access  to  on  the  device. 

•  To  apply  a  permission,  select  its  checkbox. 

•  To  see  a  description  of  a  permission,  click  the  permission  name.  The  description  appears  below  the  permission  list. 

•  To  manually  manage  permissions  instead  of  using  the  dialog  box,  select  “Manually  manage  permissions  and 
manifest  additions  in  the  application  descriptor  file”. 
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Languages  settings 

The  Languages  pane  alllows  you  to  select  the  languages  that  you  want  your  application  to  be  associated  with  in  the 
application  store  or  marketplace.  By  selecting  a  language,  you  enable  users  of  the  Android  operating  system  in  that 
language  to  download  your  application.  Note  that  these  language  settings  do  not  do  anything  else  to  localize  your 
application  user  interface. 

If  no  languages  are  selected,  the  application  is  published  with  all  languages  supported.  This  prevents  you  from  needing 
to  select  every  language.  The  languages  listed  are  those  supported  by  Adobe  AIR.  Android  may  support  additional 
languages. 


Publishing  for  Adobe  AIR  for  desktop 


About  Adobe  AIR 

Adobe*  AIR"  is  a  cross-operating  system  runtime  that  allows  you  to  leverage  your  existing  web  development  skills 
(Adobe*  Flash*  Professional,  Adobe*  Flex",  Adobe*  Flash  Builder"  HTML,  JavaScript*,  Ajax)  to  build  and  deploy  Rich 
Internet  Applications  (RIAs)  to  the  desktop.  AIR  enables  you  to  work  in  familiar  environments,  to  leverage  the  tools 
and  approaches  you  find  most  comfortable,  and  by  supporting  Flash,  Flex,  HTML,  JavaScript,  and  Ajax,  to  build  the 
best  possible  experience  that  meets  your  needs. 

Users  interact  with  AIR  applications  in  the  same  way  that  they  interact  with  native  desktop  applications.  The  runtime 
is  installed  once  on  the  user's  computer,  and  then  AIR  applications  are  installed  and  run  just  like  any  other  desktop 
application.  The  runtime  provides  a  consistent  cross-operating  system  platform  and  framework  for  deploying 
applications  and  therefore  eliminates  cross-browser  testing  by  ensuring  consistent  functionality  and  interactions  across 
desktops.  Instead  of  developing  for  a  specific  operating  system,  you  target  the  runtime. 

AIR  dramatically  changes  how  applications  can  be  created,  deployed,  and  experienced.  You  gain  more  creative  control 
and  can  extend  your  Flash,  Flex,  HTML,  and  Ajax-based  applications  to  the  desktop,  without  learning  traditional 
desktop  development  technologies. 

For  information  about  hardware  and  software  requirements  for  desktop  and  mobile  AIR  applications,  see  AIR  system 
requirements. 

For  complete  information  about  developing  Adobe  AIR"  applications,  see  Building  Adobe  AIR  Applications. 

Create  an  Adobe  AIR  file 

You  can  create  Adobe  AIR  Flash  documents  using  the  Flash  Welcome  screen,  or  the  File  >  New  command,  or  you  can 
create  an  ActionScript*  3.0  Flash  File  and  convert  it  to  an  Adobe  AIR  file  through  the  Publish  Settings  dialog  box. 

To  create  an  Adobe  AIR  file,  do  one  of  the  following: 

•  Start  Flash.  The  Welcome  screen  appears.  If  you  have  already  started  Flash,  close  any  open  documents  to  return  to 
the  Welcome  screen.  In  the  Welcome  screen,  select  Adobe  AIR  2  (CS5)  or  AIR  (CS5.5). 

Note:  If  you’ve  disabled  the  Flash  Welcome  screen,  you  can  display  it  again  by  selecting  Edit  >  Preferences  and  selecting 
Welcome  Screen  from  the  On  Launch  pop-up  menu  in  the  General  category. 

•  Choose  File  >  New  and  select  Adobe  AIR  2  (CS5)  or  AIR  (CS5.5)  and  click  OK. 
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•  Open  an  existing  Flash  file  and  convert  it  to  an  AIR  file  by  selecting  Adobe  AIR  from  the  Player  menu  in  the  Flash 
tab  of  the  Publish  Settings  dialog  box  (File  >  Publish  Settings). 

Note:  (Flash  CS5  only)  If  you  save  a  Flash  CS5  AIR  file  in  Flash  CS4  format,  set  the  Player  version  to  AIR  1.5  manually  in 
the  Publish  Settings  dialog  box  when  opening  the  file  in  Flash  CS4.  Flash  CS4  only  supports  publishing  to  AIR  1.5. 


Preview  or  publish  an  Adobe  AIR  application 

You  can  preview  a  Flash  AIR  SWF  file  as  it  would  appear  in  the  AIR  application  window.  Previewing  is  useful  when  you 
want  to  see  what  the  visible  aspects  of  the  application  look  like  without  packaging  and  installing  the  application. 

1  Make  sure  you’ve  set  the  Target  setting  in  the  Flash  tab  of  the  Publish  Settings  dialog  box  to  Adobe  AIR. 

2  Select  Control  >  Test  Movie  >  Test  or  press  Control+Enter. 

If  you  have  not  set  application  settings  through  the  AIR  -  Application  And  Installer  Settings  dialog  box,  Flash  generates 
a  default  application  descriptor  file  (swfname-app. xml)  for  you  in  the  same  folder  where  the  SWF  file  is  written.  If  you 
have  set  application  settings  using  the  AIR  Application  &  Installer  Settings  dialog  box,  the  application  descriptor  file 
reflects  those  settings. 

To  publish  an  AIR  file,  do  one  of  the  following: 

•  Click  the  Publish  button  in  the  Publish  Settings  dialog  box. 

•  Click  the  Publish  button  in  the  AIR  Application  &  Installer  Settings  dialog  box. 

•  Choose  File  >  Publish. 

•  Choose  File  >Publish  Preview. 

When  you  Publish  an  AIR  file,  Flash  Pro  creates  a  SWF  file  and  XML  application  descriptor  file  and  packages  copies  of 
both,  along  with  any  other  files  you  have  added  to  your  application,  into  an  AIR  installer  file  (swfname. air). 

Note:  (Windows  only)  Publishing  of  AIR  application  fails  if  the  file  name  contains  non-english  characters. 


Creating  AIR  application  and  installer  files 

After  you’ve  finished  developing  your  application,  specify  the  settings  for  the  AIR  application  descriptor  and  installer 
files  required  to  deploy  it.  Flash  Pro  creates  the  descriptor  and  installer  files  along  with  the  SWF  file  when  you  publish 
an  AIR  file. 

You  specify  the  settings  for  these  files  in  the  AIR  -  Application  &  Installer  Settings  dialog  box.  Once  you  have  created 
an  AIR  file,  this  dialog  box  can  be  opened  from  either  the  document  Property  inspector  or  the  Player  menu  Settings 
button  in  the  Flash  tab  of  the  Publish  Settings  dialog  box. 

Create  the  Adobe  AIR  application  and  installer  files 

1  In  Flash,  open  the  FLA  file  or  set  of  files  that  make  up  your  Adobe  AIR  application. 

2  Save  the  Adobe  AIR  FLA  file  before  you  open  the  AIR  Settings  dialog  box. 

3  Select  File  >  AIR  2  Settings. 

4  Complete  the  AIR  Settings  dialog  box,  and  then  click  Publish. 

When  you  click  the  Publish  button,  the  following  files  are  packaged:  the  SWF  file,  the  application  descriptor  file,  the 
application  icon  files,  and  the  files  listed  in  the  Included  Files  text  box.  If  you  have  not  already  created  a  digital 
certificate,  Flash  displays  the  Digital  Signature  dialog  box  when  you  click  the  Publish  button. 

The  AIR  Application  And  Installer  Settings  dialog  box  is  divided  into  4  tabs:  General,  Signature,  Icons,  and  Advanced. 
For  more  information  on  these  settings,  see  the  following  sections. 
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General  settings 

The  General  tab  of  the  AIR  Application  And  Installer  Settings  dialog  box  contains  the  following  options: 

Output  file  The  name  and  location  of  the  .air  file  to  create  when  using  the  Publish  command. 

Output  as  The  type  of  package  to  create. 

•  AIR  package  -  Creates  a  standard  AIR  installer  file  that  assumes  the  AIR  runtime  can  be  separately  downloaded 
during  installation  or  is  already  installed  on  the  target  device. 

•  Mac  installer  -  Creates  a  complete  Macintosh  installer  file. 

•  Application  with  runtime  embedded  -  Creates  an  AIR  installer  file  that  contains  the  AIR  runtime  so  no  additional 
download  is  required. 

Windows  Installer  Select  this  option  to  compile  a  native,  platform  specific  Windows  installer  (.exe)  instead  of  a 
platform-independent  AIR  installer  (.air). 

Name  The  name  of  the  main  file  of  the  application.  Defaults  to  the  name  of  the  FLA  file. 

Version  Optional.  Specifies  a  version  number  for  your  application.  Defaults  to  1.0. 

App  ID  Identifies  your  application  with  a  unique  ID.  You  can  change  the  default  ID  if  you  prefer.  Do  not  use  spaces  or 
special  characters  in  the  ID.  The  only  valid  characters  are  0-9,  a-z,  A-Z, .  (dot),  and  -  (dash),  from  1  to  212  characters 
in  length.  Defaults  to  com.adobe.example.applicationName. 

Description  Optional.  Lets  you  enter  a  description  of  the  application  to  display  in  the  installer  window  when  the  user 
installs  the  application.  Defaults  to  blank. 

Copyright  Optional.  Lets  you  enter  a  copyright  notice.  Defaults  to  blank. 

Window  Style  Specifies  what  window  style  (or  chrome)  to  use  for  the  user  interface  when  the  user  runs  the  application 
on  their  computer.  You  can  specify  System  Chrome  (the  default),  which  refers  to  the  standard  window  visual  style  that 
the  operating  system  uses.  You  can  also  specify  Custom  Chrome  (opaque)  or  Custom  Chrome  (transparent).  To  display 
your  application  without  the  system  chrome,  select  None.  System  Chrome  surrounds  the  application  with  the 
operating-system  standard  window  control.  Custom  Chrome  (opaque)  eliminates  the  standard  system  chrome  and  lets 
you  create  a  chrome  of  your  own  for  the  application.  (You  build  the  custom  chrome  directly  in  the  FLA  file.)  Custom 
Chrome  (transparent)  is  like  Custom  Chrome  (opaque),  but  it  adds  transparent  capabilities  to  the  edges  of  the  page. 
These  capabilities  allow  for  application  windows  that  are  not  square  or  rectangular  in  shape. 

Render  mode  Allows  you  to  specify  which  method  the  AIR  runtime  uses  to  render  graphic  content.  The  options 
include: 

•  Auto  -  automatically  detect  and  use  the  fastest  rendering  method  available  on  the  host  device. 

•  CPU  -  Use  the  CPU. 

•  Direct  -  Render  using  Stage3D.  This  is  the  fastest  available  rendering  method. 

For  a  list  of  processors  that  do  not  support  Direct  mode,  see  Stage3D  unsupported  chipsets,  drivers  |  Flash  Player  11, 
AIR  3. 

Profiles  Which  profiles  to  include  when  building  the  AIR  file.  To  limit  your  AIR  application  to  a  specific  profile, 
deselect  the  unneeded  profiles.  For  more  information  about  AIR  profiles,  see  Application  profiles  . 

Included  Files  Specifies  which  additional  files  and  folders  to  include  in  your  application  package.  Click  the  Plus  (+) 
button  to  add  files,  and  the  folder  button  to  add  folders.  To  delete  a  file  or  folder  from  your  list,  select  the  file  or  folder 
and  click  the  Minus  (-)  button. 

By  default,  the  application  descriptor  file  and  the  main  SWF  file  are  automatically  added  to  the  package  list.  The 
package  list  shows  these  files  even  if  you  have  not  yet  published  the  Adobe  AIR  FLA  file.  The  package  list  displays  the 
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files  and  folders  in  a  flat  structure.  Files  in  a  folder  are  not  listed,  and  full  path  names  to  files  are  shown  but  are  truncated 
if  necessary. 

If  you  have  added  any  AIR  native  extension  files  to  the  ActionScript  library  path,  those  files  will  appear  in  this  list  as 
well. 

Icon  files  are  not  included  in  the  list.  When  Flash  packages  the  files,  it  copies  the  icon  files  to  a  temporary  folder  that  is 
relative  to  the  location  of  the  SWF  file.  Flash  deletes  the  folder  after  packaging  is  complete. 

Signature  settings 

The  Signature  tab  of  the  AIR  Application  &  Installer  Settings  dialog  box  allows  you  to  specify  a  code  signing  certificate 
for  your  application. 

For  more  information  about  digital  signatures,  see  Signing  your  applicationand  Digitally  signing  an  AIR  file. 

Icons  settings 

The  Icons  tab  of  the  AIR  Application  And  Installer  Settings  dialog  box  lets  you  specify  an  icon  for  the  application.  The 
icon  is  shown  after  you  install  the  application  and  run  it  in  the  Adobe  AIR  runtime.  You  can  specify  four  different  sizes 
for  the  icon  (128,  48,  32,  and  16  pixels)  to  allow  for  the  different  views  in  which  the  icon  appears.  For  example,  the  icon 
can  appear  in  the  file  browser  in  thumbnail,  detail,  and  tile  views.  It  can  also  appear  as  a  desktop  icon  and  in  the  title  of 
the  AIR  application  window,  as  well  as  in  other  places. 

The  icon  image  defaults  to  a  sample  AIR  application  icon  if  no  other  icon  files  are  specified  (Flash  CS5  only). 

To  specify  an  icon,  click  an  icon  size  at  the  top  of  the  Icons  tab  and  then  navigate  to  the  file  you  want  to  use  for  that  size. 
The  files  must  be  in  PNG  (Portable  Network  Graphics)  format. 

If  you  do  specify  an  image,  it  must  be  the  exact  size  (either  128x128,  48x48,  32x32,  or  16x16).  If  you  do  not  supply  an 
image  for  a  particular  icon  size,  Adobe  AIR  scales  one  of  the  supplied  images  to  create  the  missing  icon  image. 

Advanced  settings 

The  Advanced  tab  allows  you  to  specify  additional  settings  for  the  application  descriptor  file. 

You  can  specify  any  associated  file  types  that  your  AIR  application  should  handle.  For  example,  if  you  wanted  your 
application  to  be  the  principal  application  for  handling  HTML  files,  you  would  specify  that  in  the  Associated  File  Types 
text  box. 

You  can  also  specify  settings  for  the  following  aspects  of  the  application: 

•  The  size  and  placement  of  the  initial  window 

•  The  folder  in  which  the  application  is  installed 

•  The  Program  menu  folder  in  which  to  place  the  application. 

The  dialog  box  has  the  following  options: 

Associated  file  types  Lets  you  specify  associated  file  types  that  the  AIR  application  will  handle.  Click  the  Plus  (+) 
button  to  add  a  new  file  type  to  the  text  box.  Clicking  the  Plus  button  displays  the  File  Type  Settings  dialog  box.  Clicking 
the  Minus  (-)  button  removes  an  item  that  is  selected  in  the  text  box.  Clicking  the  Pencil  button  displays  the  File  Type 
Settings  dialog  box  and  allows  you  to  edit  an  item  that  you’ve  selected  in  the  text  box.  By  default,  the  Minus  (-)  and 
Pencil  buttons  are  dimmed.  Selecting  an  item  in  the  text  box  enables  the  Minus  (-)  and  Pencil  buttons,  allowing  you  to 
remove  or  edit  the  item.  The  default  value  in  the  text  box  is  None. 

Initial  window  settings  Lets  you  specify  size  and  placement  settings  for  the  initial  application  window. 

•  Width:  Specifies  the  initial  width  of  the  window  in  pixels.  The  value  is  blank  by  default. 
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•  Height:  Specifies  the  initial  height  of  the  window  in  pixels.  The  value  is  blank  by  default. 

•  X:  Specifies  the  initial  horizontal  position  of  the  window  in  pixels.  The  value  is  blank  by  default. 

•  Y:  Specifies  the  initial  vertical  position  of  the  window  in  pixels.  The  value  is  blank  by  default. 

•  Maximum  Width  and  Maximum  Height:  Specify  the  maximum  size  of  the  window  in  pixels.  These  values  are  blank 
by  default. 

•  Minimum  Width  and  Minimum  Height:  Specify  the  minimum  size  of  the  window  in  pixels.  These  values  are  blank 
by  default. 

•  Maximizable:  Lets  you  specify  whether  the  user  can  maximize  the  window.  This  option  is  selected  (or  true)  by 
default. 

•  Minimizable:  Lets  you  specify  whether  the  user  can  minimize  the  window.  This  option  is  selected  (or  true)  by 
default. 

•  Resizable:  Lets  you  specify  whether  the  user  can  resize  the  window.  If  this  option  is  not  selected,  Maximum  Width, 
Maximum  Height,  Minimum  Width,  and  Minimum  Height  are  dimmed.  This  option  is  selected  (or  true)  by  default. 

•  Visible:  Lets  you  specify  whether  the  application  window  is  visible  initially.  The  option  is  selected  (or  true)  by 
default. 

Other  Settings  Lets  you  specify  the  following  additional  information  regarding  the  installation: 

•  Install  Folder:  Specifies  the  folder  in  which  the  application  is  installed. 

•  Program  Menu  Folder  (Windows  only):  Specifies  the  name  of  the  program  menu  folder  for  the  application. 

•  Use  Custom  UI  for  Updates:  Specifies  what  happens  when  a  user  opens  an  AIR  installer  file  for  an  application  that’s 
already  installed.  By  default,  AIR  displays  a  dialog  box  that  allows  the  user  to  update  the  installed  version  with  the 
version  in  the  AIR  file.  If  you  don’t  want  the  user  to  make  that  decision  and  you  want  the  application  to  have 
complete  control  over  its  updates,  select  this  option.  Selecting  this  option  overrides  the  default  behavior  and  gives 
the  application  control  over  its  own  updates. 

Languages  settings 

The  Languages  pane  alllows  you  to  select  the  languages  that  you  want  your  application  to  be  associated  with  in  the 
application  store  or  marketplace.  By  selecting  a  language,  you  enable  users  of  operating  systems  in  that  language  to 
download  your  application.  Note  that  these  language  settings  do  not  do  anything  else  to  localize  your  application  user 
interface. 

If  no  languages  are  selected,  the  application  is  published  with  all  languages  supported.  This  prevents  you  from  needing 
to  select  every  language.  The  languages  listed  are  those  supported  by  Adobe  AIR.  Android  may  support  additional 
languages. 


File  type  settings 

Flash  displays  the  File  Type  Settings  dialog  box  if  you  click  the  Plus  (+)  button  or  the  Pencil  button  in  the  Associated 
File  Types  section  of  the  Advanced  tab  to  add  or  edit  associated  file  types  for  the  AIR  application. 

The  only  two  required  fields  in  this  dialog  box  are  Name  and  Extension.  If  you  click  OK  and  either  of  those  fields  is 
blank,  Flash  displays  an  error  dialog  box. 

You  can  specify  the  following  settings  for  an  associated  file  type: 

Name  The  name  of  the  file  type  (for  example,  Hypertext  Markup  Language,  Text  File,  or  Example). 
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Extension  The  filename  extension  (for  example,  html,  txt,  or  xmpl),  up  to  39  basic  alphanumeric  characters,  ( A-Za-zO- 
9),  and  without  a  leading  period. 

Description  Optional.  A  description  of  the  file  type  (for  example,  Adobe  Video  File). 

Content  type  Optional.  Specifies  the  MIME  type  for  the  file. 

File  Type  Icon  Settings  Optional.  Lets  you  specify  an  icon  that’s  associated  with  the  file  type.  You  can  specify  four 
different  sizes  for  the  icon  (128x128,  48x48,  32x32,  and  16x16  pixels)  to  allow  for  the  different  views  in  which  the  icon 
appears.  For  example,  the  icon  can  appear  in  the  file  browser  in  thumbnail,  detail,  and  tile  views. 

If  you  specify  an  image,  it  must  be  of  the  size  that  you  specify.  If  you  do  not  specify  a  file  for  a  particular  size,  AIR  uses 
the  image  of  the  closest  size  and  scales  it  to  fit  for  the  given  occurrence. 

To  specify  an  icon,  either  click  the  folder  for  the  icon  size  and  select  an  icon  file  to  use  or  enter  the  path  and  filename 
for  the  icon  file  in  the  text  box  next  to  the  prompt.  The  icon  file  must  be  in  PNG  format. 

After  a  new  file  type  is  created,  it  is  shown  in  the  File  Type  list  box  in  the  Advanced  Settings  dialog  box. 

Failure  to  create  application  and  installer  files 

The  application  and  installer  files  fail  to  be  created  in  the  following  instances: 

•  The  application  ID  string  has  an  incorrect  length  or  contains  invalid  characters.  The  application  ID  string  can  be 
from  1  to  212  characters  and  can  include  the  following  characters:  0-9,  a-z,  A-Z, .  (dot),  -  (hyphen). 

•  Files  in  the  Included  Files  list  do  not  exist. 

•  The  sizes  of  custom  icon  files  are  incorrect. 

•  The  AIR  destination  folder  does  not  have  write  access. 

•  You  have  not  signed  the  application  or  have  not  specified  that  it  is  an  Adobe  AIRI  application  that  will  be  signed 
later. 


Signing  your  application 

All  Adobe  AIR  applications  must  be  signed  to  be  installed  on  another  system.  Flash  provides  the  ability,  however,  to 
create  unsigned  Adobe  AIR  installer  files  so  that  the  application  can  be  signed  later.  These  unsigned  Adobe  AIR 
installer  files  are  called  an  AIRI  (AIR  Intermediate)  package.  This  capability  provides  for  cases  in  which  the  certificate 
is  on  a  different  machine  or  signing  is  handled  separately  from  application  development. 

Sign  an  Adobe  AIR  application  with  a  pre-purchased  digital  certificate  from  a  root  certificate  authority 

1  Choose  File  >  AIR  2  Settings  and  then  click  on  the  Signature  tab. 

This  tab  has  two  radio  buttons  that  allow  you  to  either  sign  your  Adobe  AIR  application  with  a  digital  certificate  or 
prepare  an  AIRI  package.  If  you  sign  your  AIR  application,  you  can  either  use  a  digital  certificate  granted  by  a  root 
certificate  authority  or  create  a  self-signed  certificate.  A  self-signed  certificate  is  easy  to  create  but  is  not  as 
trustworthy  as  a  certificate  granted  by  a  root  certificate  authority. 

2  Select  a  certificate  file  from  the  pop-up  menu  or  click  the  Browse  button  to  locate  a  certificate  file. 

3  Select  the  certificate. 

4  Enter  a  password. 

5  Click  OK. 

For  more  information  on  signing  your  AIR  application,  see  Digitally  signing  an  AIR  file  . 
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Create  a  self-signed  digital  certificate 

1  Click  the  Create  button.  The  Self-Signed  Digital  Certificate  dialog  box  opens. 

2  Complete  the  entries  for  Publisher  Name,  Organization  Unit,  Organization  Name,  Country,  Password,  and  Confirm 
Password.  For  Country,  you  can  select  from  the  menu  or  enter  a  2 -letter  country  code  that  does  not  appear  in  the 
menu.  For  a  list  of  valid  country  codes,  see  http://www.iso.org/iso/country_codes. 

3  Specify  the  type  of  certificate. 

The  Type  option  refers  to  the  level  of  security  that  the  certificate  carries.  1024-RSA  uses  a  1024-bit  key  (less  secure), 
and  2048-RSA  uses  a  2048-bit  key  (more  secure).  The  default  is  2048-RSA. 

4  Save  the  information  in  a  certificate  file  by  completing  the  Save  As  entry  or  clicking  the  Browse  button  to  browse  to 
a  folder  location. 

5  Click  OK. 

6  In  the  Digital  Signature  dialog  box,  enter  the  password  you  assigned  in  the  second  step  of  this  procedure  and  click 
OK. 

To  have  Flash  remember  the  password  you  used  for  this  session,  click  Remember  Password  For  This  Session. 

If  the  Timestamp  option  is  unselected  when  you  click  OK,  a  dialog  box  warns  that  the  application  will  fail  to  install 
when  the  digital  certificate  expires.  If  you  click  Yes  in  response  to  the  warning,  time  stamping  is  disabled.  If  you  click 
No,  the  Timestamp  option  is  automatically  selected  and  time  stamping  is  enabled. 

For  more  information  on  creating  a  self-signed  digital  certificate,  see  Digitally  signing  an  AIR  file. 

You  can  also  create  an  AIR  Intermediate  ( AIRI)  application  without  a  digital  signature.  A  user  cannot  install  the 
application  on  a  desktop,  however,  until  you  add  a  digital  signature. 

Prepare  an  AIRI  package  that  will  be  signed  later 

❖  In  the  Signature  tab,  select  Prepare  An  AIR  Intermediate  (AIRI)  File  That  Will  Be  Signed  Later,  and  click  OK. 

The  digital  signature  status  changes  to  indicate  that  you  have  chosen  to  prepare  an  AIRI  package  that  will  be  signed 
later,  and  the  Set  button  changes  to  a  Change  button. 

If  you  choose  to  sign  the  application  later,  you  will  need  to  use  the  command-line  AIR  Developer  Tool  included  with 
Flash  Pro  and  with  the  AIR  SDK.  For  more  information,  see  Building  Adobe  AIR  Applications. 


Add  or  remove  a  version  of  the  AIR  SDK 

You  can  add  new  releases  and  custom  versions  of  the  AIR  SDK  to  Flash  Pro.  Once  added,  the  new  SDK  appears  in  the 
player  target  list  in  the  Publish  Settings. 

To  add  an  new  verision  of  the  SDK: 

1  Download  the  new  AIR  SDK  folder. 

2  In  Flash  Pro,  choose  Help  >  Manage  AIR  SDK. 

3  In  the  Manage  AIR  SDK  dialog,  click  the  plus  "+"  button  and  then  browse  to  the  new  AIR  SDK  folder.  Click  OK. 

4  Click  OK  in  the  Manage  AIR  SDK  dialog  box. 

The  new  SDK  appears  in  the  Player  Target  list  in  Publish  Settings.  The  lowest  acceptable  SDK  version  should  be  greater 
than  the  version  included  with  Flash  Pro. 

To  remove  a  version  of  the  SDK: 

1  In  Flash  Pro,  choose  Help  >  Manage  AIR  SDK. 
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2  In  the  Manage  AIR  SDK  dialog,  select  the  SDK  you  want  to  remove. 

3  Click  the  minus  button.  Click  OK. 


ActionScript  publish  settings 


Modify  ActionScript  publish  settings 

When  you  create  a  new  FLA  document,  Flash  asks  you  which  version  of  ActionScript  you  want  to  use.  You  can  change 
this  setting  if  you  decide  later  to  write  your  scripts  in  a  different  version  of  ActionScript. 

Note:  ActionScript  3.0  is  not  compatible  with  ActionScript  2.0.  The  ActionScript  2.0  compiler  can  compile  all  ActionScript 
1.0  code,  except  for  the  slash  (/)  syntax  used  to  indicate  movie  clip  paths  (for  example,  parentClip/testMC:varName=  "hello 
world").  To  avoid  this  problem,  either  rewrite  your  code  using  dot  (.)  notation,  or  select  the  ActionScript  1.0  compiler. 

1  Select  File  >  Publish  Settings. 

2  Select  the  ActionScript  version  from  the  Script  menu. 

Class  files  and  configuration  files 

When  you  install  Flash  Professional,  several  ActionScript-related  configuration  folders  and  files  are  placed  on  your 
system.  If  you  modify  these  files  to  customize  the  authoring  environment,  back  up  the  original  files. 

ActionScript  classes  folder  Contains  all  of  the  built-in  ActionScript  2.0  classes  (AS  files).  Typical  paths  to  this  folder 
are  as  follows: 

•  Windows  7  and  8:  Hard  Disk\Program  Files\Adobe\Adobe  Flash  CC\Common\Configuration\ActionScript 
3.0\Configuration\  Classes 

•  Macintosh:  Hard  Disk/Users/user/Library/Application  Support/ Adobe/Flash  CC/Zcwzguczge/Configuration/Classes 

The  Classes  folder  is  organized  into  classes  for  Flash  Player  10  and  classes  for  Flash  Player  11.  For  more  information 
on  the  organization  of  this  directory,  see  the  Read  Me  file  in  the  Classes  folder. 

Include  class  folder  Contains  all  of  the  global  ActionScript  include  files.  Locations  are  as  follows: 

•  Windows  7  and  8:  Hard  Disk\Program  Files\Adobe\Adobe  Flash  CC\Common\Configuration\ActionScript 
3.0\libs\ 

•  Macintosh:  Hard  Disk/Users/user/Library/Application  Support/ Adobe/Flash  CC/Zczzzguczge/Configuration/Include 

ActionsPanel.xml  configuration  file  Includes  the  configuration  file  for  ActionScript  code  hinting.  Separate  files 
provide  configuration  for  each  version  of  ActionScript  and  Flash  Lite,  and  for  JavaScript.  Locations  are  as  follows: 

•  Windows  7  and  8:  Hard  DiskVProgram  Files\Adobe\Adobe  Flash  CC\Common\Configuration\ActionScript 
3.0\libs\ 

•  Macintosh:  Hard  Disk/Users/ zzser/Library/ Application  Support/ Adobe/Flash 
CC/Zazzguage/Configuration/ActionsPanel 

AsColorSyntax.xml  configuration  file  The  configuration  file  for  ActionScript  code  color  syntax  highlighting.  Locations 
are  as  follows: 

•  Windows  7  and  8:  Hard  DiskVProgram  Files\Adobe\Adobe  Flash  CC\Common\Configuration\ActionScript 
3.0\libs\ 
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•  Macintosh:  Hard  Disk/Users/ user/Library/Application  Support/ Adobe/Flash 
CC/Zang«age/Configuration/ActionsPanel 


Declare  an  ActionScript  3.0  document  class 

When  you  use  ActionScript  3.0,  a  SWF  file  may  have  a  top-level  class  associated  with  it.  This  class  is  called  the 
document  class.  When  the  SWF  is  loaded  by  Flash  Player,  an  instance  of  this  class  is  created  to  be  the  SWF  file's  top- 
level  object.  This  object  of  a  SWF  file  can  be  an  instance  of  any  custom  class  you  choose. 

For  example,  a  SWF  file  that  implements  a  calendar  component  can  associate  its  top  level  with  a  Calendar  class,  with 
methods  and  properties  appropriate  to  a  calendar  component.  When  the  SWF  is  loaded,  Flash  Player  creates  an 
instance  of  this  Calendar  class. 

1  Deselect  all  objects  on  the  Stage  and  in  the  Timeline  by  clicking  a  blank  area  of  the  Stage.  This  displays  the 
Document  properties  in  the  Property  inspector. 

2  Enter  the  filename  of  the  ActionScript  file  for  the  class  in  the  Document  Class  text  box  in  the  Property  inspector. 
Do  not  include  the  .as  filename  extension. 

Note:  You  can  also  enter  the  Document  Class  information  in  the  Publish  Settings  dialog  box. 

Note:  Optionally,  you  can  also  enter  the  name  of  the  Class  within  a  SWCfile,  linked  in  Library  Path,  that  you  want  to  set 
as  the  Document  Class. 


Set  the  location  of  ActionScript  files 

To  use  an  ActionScript  class  that  you’ve  defined,  Flash  Professional  must  locate  the  external  ActionScript  files  that 
contain  the  class  definition.  The  list  of  folders  in  which  Flash  Professional  searches  for  class  definitions  is  called  the 
classpath  for  ActionScript  2.0  and  the  source  path  for  ActionScript  3.0.  Classpaths  and  source  paths  exist  at  the 
application  (global)  and  document  level.  For  more  information  about  classpaths,  see  Classes  in  Learning  ActionScript 
2.0  in  Adobe  Flash  or  “Packages  ”  in  Learning  ActionScript  3.0. 

You  can  set  the  following  ActionScript  locations  in  Flash  Professional: 

•  ActionScript  2.0 

•  Application  level  (available  to  all  AS2  FLA  files): 

•  Classpath  (set  in  ActionScript  preferences) 

•  Document  level  (available  only  to  the  FLA  file  that  specifies  this  path): 

•  Classpath  (set  in  Publish  Settings) 

•  ActionScript  3.0 

•  Application  level  (available  to  all  AS3  FLA  files): 

•  Source  path  (set  in  ActionScript  preferences) 

•  Library  path  (set  in  ActionScript  preferences) 

•  External  library  path  (set  in  ActionScript  preferences) 

•  Document  level  (available  only  to  the  FLA  file  that  specifies  these  paths): 

•  Source  path  (set  in  Publish  Settings) 

•  Library  path  (set  in  Publish  Settings) 

•  Document  class  (set  in  Document  Property  inspector) 
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The  Library  path  specifies  the  location  of  pre-compiled  ActionScript  code  which  resides  in  SWC  files  you  have  created. 
The  FLA  file  that  specifies  this  path  loads  every  SWC  file  at  the  top  level  of  this  path  and  any  other  code  resources  that 
are  specified  within  the  SWC  files  themselves.  If  you  use  the  Library  path,  be  sure  none  of  the  compiled  code  in  the 
SWC  files  is  duplicated  in  uncompiled  AS  files  in  the  Source  path.  The  redundant  code  will  slow  down  compilation  of 
your  SWF  file. 

You  can  specify  more  than  one  path  for  Flash  Professional  to  look  in.  Resources  found  in  any  of  the  paths  specified  will 
be  used.  When  you  add  or  modify  a  path,  you  can  add  absolute  directory  paths  (for  example,  C:/my_classes)  and 
relative  directory  paths  (for  example,  ../my_classes  or 

Set  the  classpath  for  ActionScript  2.0 

note:  ActionScript  2.0  is  deprecated  with  Flash  Professional  CC.  For  more  information,  see  this  article.To  set  the 
document-level  classpath: 

1  Select  File  >  Publish  Settings,  and  click  Flash. 

2  Verify  that  ActionScript  2.0  is  selected  in  the  ActionScript  Version  pop-up  menu,  and  click  Settings. 

3  Specify  the  frame  where  the  class  definition  should  reside  in  the  Export  Frame  for  Classes  text  field. 

4  To  add  paths  to  the  classpath  list,  do  any  of  the  following: 

•  To  add  a  folder  to  the  classpath,  click  the  Browse  to  Path  button  browse  to  the  folder  to  add,  and  click  OK. 

•  To  add  a  new  line  to  the  Classpath  list,  click  the  Add  New  Path  ^button.  Double-click  the  new  line,  type  a  relative 
or  absolute  path,  and  click  OK. 

•  To  edit  an  existing  classpath  folder,  select  the  path  in  the  Classpath  list,  click  the  Browse  to  Path  button,  browse 
to  the  folder  to  add,  and  click  OK.  Alternatively,  double-click  the  path  in  the  Classpath  list,  type  the  desired  path, 
and  click  OK. 

•  To  delete  a  folder  from  the  classpath,  select  the  path  in  the  Classpath  list  and  click  the  Remove  Selected  Path 
button  _. 

To  set  the  application-level  classpath: 

1  Choose  Edit  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh)  and  click  the  ActionScript  category. 

2  Click  the  ActionScript  2.0  Settings  button  and  add  the  path(s)  to  the  Classpath  list 

Set  the  source  path  for  ActionScript  3.0 

To  set  the  document-level  source  path: 

1  Select  File  >  Publish  Settings,  and  click  Flash. 

2  Verify  that  ActionScript  3.0  is  selected  in  the  ActionScript  Version  pop-up  menu,  and  click  Settings.  Your  Flash 
Player  version  must  be  set  to  Flash  Player  9  or  later  to  use  ActionScript  3.0. 

3  Specify  the  frame  where  the  class  definition  should  reside  in  the  Export  Classes  in  Frame  text  field. 

4  Specify  the  Errors  settings.  You  can  select  Strict  Mode  and  Warnings  Mode.  Strict  Mode  reports  compiler  warnings 
as  errors,  which  means  that  compilation  will  not  succeed  if  those  types  of  errors  exist.  Warnings  Mode  reports  extra 
warnings  that  are  useful  for  discovering  incompatibilities  when  updating  ActionScript  2.0  code  to  ActionScript  3.0. 

5  (Optional)  Select  Stage  to  automatically  declare  stage  instances. 

6  Specify  ActionScript  3.0  or  ECMAScript  as  the  dialect  to  use.  ActionScript  3.0  is  recommended. 


Last  updated  6/1 2/2015 


Platforms 


61 


7  To  add  paths  to  the  source  path  list,  do  any  of  the  following: 

•  To  add  a  folder  to  the  source  path,  click  the  Source  path  tab  and  then  click  the  Browse  To  Path  button  ^ ,  browse 
to  the  folder  to  add,  and  click  OK. 

•  To  add  a  new  line  to  the  Source  path  list,  click  the  Add  New  Path  ^button.  Double-click  the  new  line,  type  a 
relative  or  absolute  path,  and  click  OK. 

•  To  edit  an  existing  Source  path  folder,  select  the  path  in  the  Source  path  list,  click  the  Browse  To  Path  button, 
browse  to  the  folder  to  add,  and  click  OK.  Alternatively,  double-click  the  path  in  the  Source  path  list,  type  the 
desired  path,  and  click  OK. 

•  To  delete  a  folder  from  the  source  path,  select  the  path  in  the  Source  path  list  and  click  the  Remove  From  Path 
button  _. 

To  set  the  application-level  source  path: 

1  Choose  Edit  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh)  and  click  the  ActionScript  category. 

2  Click  the  ActionScript  3.0  Settings  button  and  add  the  path(s)  to  the  Source  path  list. 

Set  the  Library  path  for  ActionScript  3.0  files 

To  set  the  document-level  Library  path,  the  procedure  is  similar  to  setting  the  Source  path: 

1  Choose  File  Publish  Settings. 

2  Make  sure  ActionScript  3.0  is  specified  in  the  Script  menu  and  click  the  ActionScript  Settings  button. 

3  In  the  Advanced  ActionScript  3.0  Settings  dialog  box,  click  the  Library  path  tab. 

4  Add  the  library  path  to  the  Library  path  list.  You  can  add  folders  or  individual  SWC  files  to  the  path  list. 

5  To  set  the  Link  Type  property,  double-click  Link  Type  in  the  property  tree  of  the  path.  The  choices  for  Link  Type  are: 

•  Merged  into  code:  The  code  resources  found  in  the  path  are  merged  into  the  published  SWF  file. 

•  External:  The  code  resources  found  in  the  path  are  not  added  to  the  published  SWF  file,  but  the  compiler  verifies 
that  they  are  in  the  locations  you  specified. 

•  Runtime  shared  library  (RSL):  Flash  Player  downloads  the  resources  at  runtime. 

To  set  the  Application-level  Library  path: 

1  Choose  Edit  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh)  and  click  the  ActionScript  category. 

2  Click  the  ActionScript  3.0  Settings  button  and  add  the  path(s)  to  the  Library  path  list. 

Compiling  ActionScript  conditionally 

You  can  use  conditional  compilation  in  ActionScript  3.0  in  the  same  way  that  it  has  been  used  in  C++  and  other 
programming  languages.  For  example,  you  can  use  conditional  compilation  to  turn  blocks  of  code  throughout  a  project 
on  of  off,  such  as  code  that  implements  a  certain  feature  or  code  used  for  debugging. 

Using  config  constants  that  you  define  in  the  publish  settings,  you  can  specify  whether  certain  lines  of  ActionScript 
code  are  compiled  or  not.  Each  constant  takes  the  following  form: 

CONFIG::SAMPLE_CONSTANT 

In  this  form,  CONFIG  is  the  config  namespace  and  SAMPLE_CONSTANT  is  the  constant  that  you  will  set  to  true  or 
false  in  the  publish  settings.  When  the  value  of  the  constant  is  true,  the  line  of  code  that  follows  the  constant  in 
ActionScript  is  compiled.  When  the  value  is  false,  the  line  of  code  that  follows  the  constant  is  not  compiled. 
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For  example,  the  following  function  has  2  lines  of  code  that  are  compiled  only  if  the  value  of  the  constant  that  precedes 
them  is  set  to  true  in  the  publish  settings: 

public  function  CondCompTest ( )  { 

CONFIG:  :COMPILE_FOR_AIR  { 

trace  ("This  line  of  code  will  be  compiled  when  COMPILE__FOR_AIR=true  .  " )  ; 

} 

CONFIG:  :COMPILE_FOR_BROWSERS  { 

trace("This  line  of  code  will  be  compiled  when  COMPILE_JFOR  BROWSERS  =  true .  " )  ; 

} 

} 

To  define  a  config  constant  using  the  Publish  Settings  dialog  box: 

1  Choose  File  >  Publish  Settings. 

2  Ensure  that  the  Script  menu  set  to  ActionScript  3.0  and  click  the  Settings  button  next  to  the  menu. 

3  In  the  Advanced  ActionScript  3.0  Settings  dialog  box,  click  the  Config  Constants  tab. 

4  To  add  a  constant,  click  the  Add  button. 

5  Type  the  name  of  the  constant  you  want  to  add.  The  default  config  namespace  is  CONFIG  and  the  default  constant 
name  is  CONFIG_CONST. 

Note:  The  config  namespace  CONFIG  is  declared  by  the  Flash  Professional  compiler  automatically.  You  can  add  your 
own  config  namespaces  by  entering  them  with  a  constant  name  in  the  publish  settings  and  adding  them  to  your 
ActionScript  code  using  the  following  syntax: 

config  namespace  MY_CONFIG; 

6  Enter  the  value  you  want  for  the  constant,  either  true  or  false.  You  change  this  value  in  order  to  turn  on  or  off 
compilation  of  specific  lines  of  code. 


Customizing  context  menus  in  Flash  documents  (CS5.5) 

You  can  customize  the  standard  context  menu  and  the  text-editing  context  menu  that  appears  with  SWF  files  in  Flash 

Player  7  and  later. 

•  The  standard  context  menu  appears  when  a  user  right-clicks  (Windows)  or  Control-clicks  (Macintosh)  on  a  SWF 
file  in  Flash  Player,  in  any  area  except  an  editable  text  field.  You  can  add  custom  items  to  the  menu,  and  hide  any 
built-in  items  in  the  menu  except  Settings  and  Debugger. 

•  The  editing  context  menu  appears  when  a  user  right-clicks  (Windows)  or  Control-clicks  (Macintosh)  in  an  editable 
text  field  in  a  SWF  file  in  Flash  Player.  You  can  add  custom  items  to  this  menu.  You  cannot  hide  any  built-in  items. 

Note:  Flash  Player  also  displays  an  error  context  menu  when  a  user  right-clicks  (Windows)  or  Control-clicks  (Macintosh) 

in  Flash  Player  and  no  SWF  file  is  loaded.  You  cannot  customize  this  menu. 

Customize  context  menus  in  Flash  Player  7  by  using  the  ContextMenu  and  ContextMenuItem  objects  in  ActionScript 

2.0.  For  more  information  on  using  these  objects,  see  ContextMenu  in  the  ActionScript  2.0  Language  Reference. 

Remember  the  following  conditions  when  creating  custom  context  menu  items  for  Flash  Player: 

•  Custom  items  are  added  to  a  context  menu  in  the  order  in  which  they  are  created.  You  cannot  modify  this  order  after 
the  items  are  created. 

•  You  can  specify  the  visibility  and  enabling  of  custom  items. 

•  Custom  context  menu  items  are  automatically  encoded  using  Unicode  UTF-8  text  encoding. 
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Configuration  folders  installed  with  Flash  (CS5.5) 

Flash  Professional  places  several  configuration  folders  on  your  system  when  you  install  the  application.  The 
configuration  folders  organize  files  associated  with  the  application  into  appropriate  levels  of  user  access.  You  may  want 
to  view  the  contents  of  these  folders  when  you  are  working  with  ActionScript*  or  components.  The  configuration 
folders  for  Flash  Professional  are  as  follows: 

Application-level  configuration  folder 

Because  it  is  in  the  application  level,  non-administrative  users  do  not  have  write  access  to  this  directory.  Typical  paths 
to  this  folder  are  as  follows: 

•  In  Microsoft  Windows  XP  or  Microsoft  Windows  Vista,  browse  to  boot  dn've\Program  Files\Adobe\Adobe  Flash 
CS3\Za;zgzzage\Configuration\. 

•  On  the  Macintosh,  browse  to  Macintosh  HD/ Applications/ Adobe  Flash  CS3/Configuration/. 

First  Run  folder 

This  sibling  to  the  application-level  configuration  folder  facilitates  sharing  configuration  files  among  users  of  the  same 
computer.  Folders  and  files  in  the  First  Run  folder  are  automatically  copied  to  the  user-level  configuration  folder.  Any 
new  files  placed  in  the  First  Run  folder  are  copied  to  the  user-level  configuration  folder  when  you  start  the  application. 

Typical  paths  to  the  First  Run  folder  are  as  follows: 

•  In  Windows  XP  or  Vista,  browse  to  boot  drive\ Program  Files\Adobe\Adobe  Flash  CS3\language\¥irst  Run\. 

•  On  the  Macintosh,  browse  to  Macintosh  HD/ Applications/ Adobe  Flash  CS3/First  Run/. 

User-level  configuration  folder 

Found  in  the  user  profile  area,  this  folder  is  always  writable  by  the  current  user.  Typical  paths  to  this  folder  are  as 
follows: 

•  In  Windows  XP  or  Vista,  browse  to  boot  drive\Documents  and  Settings\username\Local  Settings\Application 
Data\Adobe\Flash  CS3\Za;zgzzage\Configuration. 

•  On  the  Macintosh,  browse  to  Macintosh  HD/Users/usenzame/Library/Application  Support/ Adobe/Flash 
CS3/ language/  Configuration/. 

All-user-level  configuration  folder 

Found  in  the  common  user  profile  area,  this  folder  is  part  of  the  standard  Windows  and  Macintosh  operating  system 
installations  and  is  shared  by  all  users  of  a  particular  computer.  The  operating  system  makes  available  to  all  users  of  the 
computer  any  files  placed  in  this  folder.  Typical  paths  to  this  folder  are  as  follows: 

•  In  Windows  XP  or  Vista,  browse  to  boot  drive\Documents  and  Settings\All  Users\Application  Data\Adobe\Flash 
CS3\Zcz;zgzzage\Configuration\. 

•  On  the  Macintosh,  browse  to  Macintosh  HD/Users/Shared/ Application  Support/ Adobe/Flash 
CS3/ language/  Configuration/. 

Restricted  Users  configuration  folder 

For  users  with  restricted  privileges  on  a  workstation,  typically,  in  a  networked  environment,  only  system  administrators 
have  administrative  access  to  workstations.  All  other  users  are  given  restricted  access,  which  usually  means  that  these 
users  can’t  write  to  application-level  files  (such  as  the  Program  Files  directory  in  Windows  or  the  Applications  folder  in 
Macintosh  OS  X). 
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Custom  Platform  Support  API  Reference 

The  Custom  Platform  Support  development  kit  includes  a  set  of  header  files,  sample  plugins,  and  project  files  that  you 
can  use  for  building  a  plugin  for  Flash. 

Flash  Professional  provides  a  uniform  way  to  integrate  various  publishers  and  document  types  in  the  Flash  Pro 
authoring  environment.  Publishers  and  document  types  developed  by  third-party  developers  can  be  plugged  into 
FlashPro  "document  creation"  and  "publish/test  movie"  workflows  using  the  pre-defined  C++  interfaces. 

The  APIs  or  the  C++  header  files  contained  in  the  development  kit  define  the  Document  Object  Model  (DOM)  and 
Flash  Component  Model  (FCM),  which  you  can  use  to  build  a  custom  platform  support  plugin. 

Detailed  API  reference  documentation  is  available  at  the  following  location: 

Custom  Platform  Support  API  Reference 

More  Help  topics 

Custom  Platform  Support  Overview 

Enabling  Support  for  Custom  Platforms 
Working  with  Custom  Platform  Support  Plugins 


Creating  accessible  content 


About  accessible  content 


Accessibility  overview 

You  can  create  content  that  is  accessible  to  all  users,  including  those  with  disabilities,  using  the  accessibility  features  that 
Adobe  Flash  Professional  provides  in  the  authoring  environment  user  interface,  taking  advantage  of  ActionScript* 
designed  to  implement  accessibility.  As  you  design  accessible  Flash  Professional  applications,  consider  how  users  might 
interact  with  the  content  and  follow  recommended  design  and  development  practices. 

For  a  tutorial  about  accessible  content,  see  Create  Accessible  Flash  Content  on  the  Flash  Tutorials  page  at 
www.adobe.com/go/learn_fl_tutorials. 

For  a  sample  of  accessible  rich  media  content,  see  the  Flash  Samples  page  at  www.adobe.com/go/learn_fl_samples. 
Download  and  decompress  the  Samples  zip  file  and  navigate  to  the  Accessibility\AccessibleApplications  folder  to  access 
the  sample. 

For  the  latest  information  on  creating  and  viewing  accessible  Flash  Professional  content,  including  supported 
platforms,  screen  reader  compatibility,  articles,  and  accessible  examples,  see  the  Flash  Professional  Accessibility  web 
page  at  www.adobe.com/go/learn_flash_accessibility_en/. 
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Worldwide  accessibility  standards 

Many  countries  have  adopted  accessibility  standards  based  on  the  standards  developed  by  the  World  Wide  Web 
Consortium  (W3C).  The  W3C  publishes  the  Web  Content  Accessibility  Guidelines ,  a  document  that  prioritizes  actions 
designers  should  take  to  make  web  content  accessible.  For  information  about  the  Web  Accessibility  Initiative,  see  the 
W3C  website  at  w3.org. 

In  the  United  States,  the  law  that  governs  accessibility  is  commonly  known  as  Section  508,  which  is  an  amendment  to 
the  U.S.  Rehabilitation  Act. 

For  additional  information  about  Section  508,  see  the  following  websites: 

•  The  US  government-sponsored  website  at  section508.gov 

•  The  Adobe  accessibility  site  at  www.adobe.com/accessibility/ 

Understanding  screen  reader  technology 

Screen  readers  are  software  applications  that  visually  impaired  users  can  use  to  navigate  a  website  and  read  the  web 
content  aloud.  To  enable  a  screen  reader  to  read  nontextual  objects  in  your  application,  such  as  vector  art  and 
animations,  use  the  Accessibility  panel  to  associate  a  name  and  description  with  the  object.  The  keyboard  shortcuts  you 
define  can  allow  users  to  use  the  screen  reader  to  navigate  through  your  document  with  ease. 

To  expose  graphic  objects,  use  the  Accessibility  panel  or  ActionScript  to  provide  a  description. 

You  cannot  control  how  any  screen  reader  behaves;  you  can  control  only  the  content,  which  you  can  mark  up  in  your 
Flash  Professional  applications  to  expose  the  text  and  ensure  that  screen  reader  users  can  activate  the  controls.  You 
decide  which  objects  in  the  Flash  Professional  application  are  exposed  to  screen  readers,  provide  descriptions  for  them, 
and  decide  the  order  in  which  they  are  exposed  to  screen  readers.  You  cannot  force  screen  readers  to  read  specific  text 
at  specific  times  or  control  the  manner  in  which  that  content  is  read.  Test  your  applications  with  a  variety  of  screen 
readers  to  ensure  that  they  perform  as  you  expect. 

Sound  is  the  most  important  medium  for  most  screen  reader  users.  Consider  how  any  sound  in  your  document 
interacts  with  the  text  spoken  aloud  by  screen  readers.  It  might  be  difficult  for  screen  reader  users  to  hear  what  their 
screen  readers  are  saying  if  your  Flash  Professional  application  contains  loud  sounds. 

Platform  requirements 

You  can  only  create  Flash  Professional  content  designed  for  use  with  screen  readers  with  Windows  platforms.  Viewers 
of  Flash  Professional  content  must  have  Macromedia  Flash®  Player  6  from  Adobe  or  later  and  Internet  Explorer  on 
Windows  98  or  later. 


Flash  and  Microsoft  Active  Accessibility  (Windows  only) 

Flash  Player  is  optimized  for  Microsoft  Active  Accessibility  (MSAA),  which  provides  a  descriptive  and  standardized 
way  for  applications  and  screen  readers  to  communicate.  MSAA  is  available  only  for  Windows  operating  systems.  For 
more  information  on  Microsoft  Accessibility  Technology,  visit  the  Microsoft  Accessibility  website  at 
www.microsoft.com/enable/default.aspx. 

The  Windows  ActiveX  (Internet  Explorer  plug-in)  version  of  Flash  Player  6  supports  MSAA,  but  Windows  Netscape 
and  Windows  stand-alone  players  do  not. 

Note:  MSAA  is  currently  not  supported  in  the  opaque  windowless  and  transparent  windowless  modes.  (These  modes  are 
options  in  the  HTML  Publish  Settings  panel,  available  for  use  with  the  Windows  version  of  Internet  Explorer  4.0  or  later, 
with  the  Flash  ActiveX  control.)  To  make  your  Flash  Professional  content  accessible  to  screen  readers,  avoid  using  these 
modes. 
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Flash  Player  makes  information  about  the  following  types  of  accessibility  objects  available  to  screen  readers  that  use 
MSAA. 

Dynamic  or  static  text  The  principal  property  of  a  text  object  is  its  name.  To  comply  with  MSAA  conventions,  the  name 
is  equal  to  the  contents  of  the  text  string.  A  text  object  can  also  have  an  associated  description  string.  Flash  Professional 
uses  the  static  or  dynamic  text  immediately  above  or  to  the  left  of  an  input  text  field  as  a  label  for  that  field. 

note:  Any  text  that  is  a  label  is  not  passed  to  a  screen  reader,  but  is  used  as  the  name  of  the  object  that  it  labels.  Labels  are 
never  assigned  to  buttons  or  text  fields  that  have  author-supplied  names. 

Input  text  fields  Have  a  value,  an  optional  name,  a  description  string,  and  a  keyboard  shortcut  string.  An  input  text 
object’s  name  can  come  from  a  text  object  that  is  above  or  to  the  left  of  it. 

Buttons  Have  a  state  (pressed  or  not  pressed),  support  a  programmatic  default  action  that  causes  the  button  to  depress 
momentarily,  and  optionally  have  a  name,  a  description  string,  and  a  keyboard-shortcut  string.  Flash  Professional  uses 
any  text  entirely  inside  a  button  as  a  label  for  that  button. 

note:  For  accessibility  purposes,  Flash  Player  considers  movie  clips  used  as  buttons  with  button  event  handlers  such  as 
onPress  to  be  buttons,  not  movie  clips. 

Components  Provide  special  accessibility  implementation. 

Movie  clips  Exposed  to  screen  readers  as  graphic  objects  when  they  do  not  contain  any  other  accessible  objects,  or 
when  you  use  the  Accessibility  panel  to  provide  a  name  or  a  description  for  a  movie  clip.  When  a  movie  clip  contains 
other  accessible  objects,  the  clip  itself  is  ignored,  and  the  objects  inside  it  are  made  available  to  screen  readers. 

note:  All  Flash  Professional  Video  objects  are  treated  as  simple  movie  clips. 

Basic  accessibility  support  in  Flash  Player 

By  default,  the  following  objects  are  defined  as  accessible  in  all  Flash  Professional  documents  and  are  included  in  the 
information  that  Flash  Player  provides  to  screen  reader  software.  This  generic  support  for  documents  that  do  not  use 
any  accessibility  features  includes  the  following: 

Dynamic  or  static  text  Text  is  transferred  to  the  screen  reader  program  as  a  name,  but  with  no  description. 

Input  text  fields  Text  is  transferred  to  the  screen  reader.  No  names  are  transferred,  except  where  a  labeling  relationship 
is  found  for  the  input  text,  such  as  a  static  text  field  positioned  close  to  the  input  text  field.  No  descriptions  or  keyboard 
shortcut  strings  are  transferred. 

Buttons  The  state  of  the  button  is  transferred  to  the  screen  reader.  No  names  are  transferred,  except  where  labeling 
relationships  are  found,  and  no  descriptions  or  keyboard  shortcut  strings  are  transferred. 

Documents  The  document  state  is  transferred  to  the  screen  reader,  but  with  no  name  or  description. 

Accessibility  for  hearing-impaired  users 

Include  captions  for  audio  content  that  is  integral  to  comprehending  the  material.  A  video  of  a  speech,  for  example, 
might  require  captions  for  accessibility,  but  a  quick  sound  associated  with  a  button  probably  wouldn’t. 

Methods  to  add  captions  to  a  Flash  Professional  document  include  the  following: 

•  Add  text  as  captions,  ensuring  that  the  captions  are  synchronized  with  the  audio  in  the  Timeline. 

•  Use  Hi-Caption  Viewer,  a  component  available  from  Hi  Software  that  works  with  Hi-Caption  SE  for  use  with  Flash 
Professional  (see  www.adobe.com/go/accessible_captions).  Captioning  Macromedia  Flash  Movies  with  Hi-Caption 
SE,  a  white  paper,  explains  how  to  use  Hi-Caption  SE  and  Flash  Professional  together  to  create  a  captioned 
document  (see  www.adobe.com/go/accessibility_papers). 
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Provide  animation  accessibility  for  the  visually  impaired 

You  can  change  the  property  of  an  accessible  object  during  SWF  file  playback.  For  example,  to  indicate  changes  that 
take  place  on  a  keyframe  in  an  animation.  However,  different  vendor’s  screen  readers  treat  new  objects  on  frames 
differently.  Some  screen  readers  might  read  only  the  new  object,  whereas  other  screen  readers  might  re-read  the  entire 
document. 

To  reduce  the  chance  of  causing  a  screen  reader  to  emit  extra  “chatter”  that  can  annoy  users,  avoid  animating  the  text, 
buttons,  and  input  text  fields  in  your  document.  Also,  avoid  making  your  content  loop. 

Flash  Player  can’t  determine  the  actual  text  content  of  features  such  as  Text  Break  Apart  to  animate  text.  Screen  readers 
can  only  provide  accurate  accessibility  to  information-carrying  graphics  such  as  icons  and  gestural  animation,  if  you 
provide  names  and  descriptions  for  these  objects  in  your  document  or  for  the  entire  Flash  Professional  application.  You 
can  also  add  supplementary  text  to  your  document  or  shift  important  content  from  graphics  to  text. 

1  Select  the  object  for  which  you  want  to  change  the  accessibility  properties. 

2  Select  Window  >  Other  Panels  >  Accessibility. 

3  Change  the  properties  for  the  object. 

Alternatively,  use  ActionScript  to  update  accessibility  properties. 

Testing  accessible  content 

When  you  test  your  accessible  Flash  Professional  applications,  follow  these  recommendations: 

•  Download  several  screen  readers  and  test  your  application  by  playing  it  in  a  browser  with  the  screen  reader  enabled. 
Check  that  the  screen  reader  is  not  attempting  to  “talk  over”  places  in  your  document  where  you  inserted  separate 
audio.  Several  screen  reader  applications  provide  a  demonstration  version  of  the  software  as  a  free  download;  test  as 
many  screen  readers  as  you  can  to  ensure  compatibility  across  screen  readers. 

•  Test  interactive  content  and  verify  that  users  can  navigate  your  content  effectively  using  only  the  keyboard.  Different 
screen  readers  work  in  different  ways  when  processing  input  from  the  keyboard;  your  Flash  Professional  content 
might  not  receive  keystrokes  as  you  intended.  Test  all  keyboard  shortcuts. 


Using  Flash  to  enter  accessibility  information  for  screen  readers 


Flash  for  screen  readers  and  accessibility 

Screen  readers  read  aloud  a  description  of  the  content,  read  text,  and  assist  users  as  they  navigate  through  the  user 
interfaces  of  traditional  applications  such  as  menus,  toolbars,  dialog  boxes,  and  input  text  fields. 

By  default,  the  following  objects  are  defined  as  accessible  in  all  Flash  Professional  documents  and  are  included  in  the 
information  that  Flash  Player  provides  to  screen  reader  software: 

•  Dynamic  text 

•  Input  text  fields 

•  Buttons 

•  Movie  clips 

•  Entire  Flash  Professional  applications 
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Flash  Player  automatically  provides  names  for  static  and  dynamic  text  objects,  which  are  the  contents  of  the  text.  For 
each  of  these  accessible  objects,  you  can  set  descriptive  properties  for  screen  readers  to  read  aloud.  You  can  also 
control  how  Flash  Player  decides  which  objects  to  expose  to  screen  readers — for  example,  you  can  specify  that 
certain  accessible  objects  are  not  exposed  to  screen  readers  at  all. 

The  Flash  Accessibility  panel 

The  Flash  Accessibility  panel  (Window  >  Other  Panels  >  Accessibility)  lets  you  provide  accessibility  information  to 
screen  readers  and  set  accessibility  options  for  individual  Flash  Professional  objects  or  entire  Flash  Professional 
applications. 

Note:  Alternatively,  use  ActionScript  code  to  enter  accessibility  information. 

If  you  select  an  object  on  the  Stage,  you  can  make  that  object  accessible  and  specify  options  and  tab  order  for  the  object. 
For  movie  clips,  you  can  specify  whether  child  object  information  is  passed  to  the  screen  reader  (the  default  when  you 
make  an  object  accessible). 

With  no  objects  selected  on  the  Stage,  use  the  Accessibility  panel  to  assign  accessibility  options  for  an  entire  Flash 
Professional  application.  You  can  make  the  entire  application  accessible,  make  child  objects  accessible,  have  Flash 
Professional  label  objects  automatically,  and  give  specific  names  and  descriptions  to  objects. 

All  objects  in  Flash  Professional  documents  must  have  instance  names  for  you  to  apply  accessibility  options  to  them. 
Create  instance  names  for  objects  in  the  Property  inspector.  The  instance  name  is  used  to  refer  to  the  object  in 
ActionScript. 

The  following  options  are  available  in  the  Accessibility  panel: 

Make  Object  Accessible  (Default)  Instructs  Flash  Player  to  pass  the  accessibility  information  for  an  object  to  a  screen 
reader.  When  the  option  is  disabled,  accessibility  information  for  the  object  is  not  passed  to  screen  readers.  Disabling 
this  option  as  you  test  content  for  accessibility  can  be  useful  because  some  objects  might  be  extraneous  or  decorative 
and  making  them  accessible  could  produce  confusing  results  in  the  Screen  Reader.  You  can  then  apply  a  name  manually 
to  the  labeled  object,  and  hide  the  labeling  text  by  deselecting  Make  Object  Accessible.  When  Make  Object  Accessible 
is  disabled,  all  other  controls  on  the  Accessibility  panel  are  disabled. 

Make  Child  Objects  Accessible  (Movie  clips  only;  Default)  Instructs  Flash  Player  to  pass  child  object  information  to  the 
screen  reader.  Disabling  this  option  for  a  movie  clip  causes  that  movie  clip  to  appear  as  a  simple  clip  in  the  accessible 
object  tree,  even  if  the  clip  contains  text,  buttons,  and  other  objects.  All  objects  in  the  movie  clip  are  then  hidden  from 
the  object  tree.  This  option  is  useful  mainly  for  hiding  extraneous  objects  from  screen  readers. 

note:  If  a  movie  clip  is  used  as  a  button — it  has  a  button  event  handler  assigned  to  it,  such  as  onPress  or  onRelease — the 
Make  Child  Objects  Accessible  option  is  ignored  because  buttons  are  always  treated  as  simple  clips,  and  their  children  are 
never  examined,  except  in  the  case  of  labels. 

Auto  Label  Instructs  Flash  Professional  to  automatically  label  objects  on  the  Stage  with  the  text  associated  with  them. 

Name  Specifies  the  object  name.  Screen  readers  identify  objects  by  reading  these  names  aloud.  When  accessible  objects 
don’t  have  specified  names,  a  screen  reader  might  read  a  generic  word,  such  as  Button,  which  can  be  confusing. 

Note:  Do  not  confuse  object  names  specified  in  the  Accessibility  panel  with  instance  names  specified  in  the  Property 
inspector.  Giving  an  object  a  name  in  the  Accessibility  panel  does  not  give  it  an  instance  name. 

Description  Lets  you  enter  a  description  of  the  object  to  the  screen  reader.  The  screen  reader  reads  this  description. 

Shortcut  Describes  keyboard  shortcuts  to  the  user.  The  screen  reader  reads  the  text  in  this  text  field.  Entering  keyboard 
shortcut  text  here  does  not  create  a  keyboard  shortcut  for  the  selected  object.  You  must  provide  ActionScript  keyboard 
handlers  to  create  shortcut  keys. 
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Tab  Index  ( only)  Creates  a  tab  order  in  which  objects  are  accessed  when  the  user  presses  the  tab  key.  The  tab  index 
feature  works  for  keyboard  navigation  through  a  page,  but  not  for  screen  reader  reading  order. 

For  more  information,  see  the  Flash  Professional  Accessibility  web  page  at 
www.adobe.com/go/learn_flash_accessibility_en/. 

For  a  tutorial  about  accessible  content,  see  Create  Accessible  Flash  Content  on  the  Flash  Tutorials  page  at 
www. adobe.com/ go/learn_fl_tutorials. 

For  a  sample  of  accessible  rich  media  content,  see  the  Flash  Samples  page  at  www.adobe.com/go/learn_fl_samples. 
Download  and  decompress  the  Samples  zip  file  and  navigate  to  the  Accessibility\AccessibleApplications  folder  to  access 
the  sample. 

Selecting  names  for  buttons,  text  fields,  and  entire  SWF  applications 

Use  the  Accessibility  panel  in  the  following  ways  to  assign  names  to  buttons  and  input  text  fields  so  that  the  screen 
reader  identifies  them  appropriately: 

•  Use  the  auto  label  feature  to  assign  text  adjacent  or  in  the  object  as  a  label. 

•  Enter  a  specific  label  in  the  Accessibility  panel  name  field. 

Flash  Professional  automatically  applies  the  name  that  you  place  on  top  of,  in,  or  near  a  button  or  text  field  as  a  text 
label.  Labels  for  buttons  must  appear  within  the  bounding  shape  of  the  button.  For  the  button  in  the  following 
example,  most  screen  readers  would  first  read  the  word  button ,  then  read  the  text  label  Home.  The  user  can  press 
Return  or  Enter  to  activate  the  button. 

Home 


A  form  might  include  an  input  text  field  where  users  enter  their  names.  A  static  text  field,  with  the  text  Name  appears 
next  to  the  input  text  field.  When  Flash  Player  discovers  such  an  arrangement,  it  assumes  that  the  static  text  object 
serves  as  a  label  for  the  input  text  field. 

For  example,  when  the  following  part  of  a  form  is  encountered,  a  screen  reader  reads  “Enter  your  name  here.” 

Enter  your  name  here 

I 

A 

In  the  Accessibility  panel,  turn  off  automatic  labeling  if  it  is  not  appropriate  for  your  document.  You  can  also  turn 
off  automatic  labeling  for  specific  objects  in  your  document. 

Provide  a  name  for  an  object 

You  can  turn  off  automatic  labeling  for  part  of  an  application  and  provide  names  for  the  objects  in  the  Accessibility 
panel.  If  you  have  automatic  labeling  turned  on,  you  can  select  specific  objects  and  provide  names  for  the  objects  in  the 
Name  text  field  in  the  Accessibility  panel  so  that  the  name  is  used  instead  of  the  object  text  label. 

When  a  button  or  input  text  field  doesn’t  have  a  text  label,  or  when  the  label  is  in  a  location  that  Flash  Player  can’t  detect, 
you  can  specify  a  name  for  the  button  or  text  field.  You  can  also  specify  a  name  if  the  text  label  is  near  a  button  or  text 
field,  but  you  don’t  want  that  text  to  be  used  as  that  object’s  name. 

In  the  following  example,  the  text  that  describes  the  button  appears  outside  and  to  the  right  of  the  button.  In  this 
location,  Flash  Player  does  not  detect  the  text,  and  the  screen  reader  does  not  read  it. 

Go  to  previous  page 
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To  correct  this  situation,  open  the  Accessibility  panel,  select  the  button,  and  enter  the  name  and  description.  To  prevent 
repetition,  make  the  text  object  inaccessible. 

Note:  An  object’s  accessibility  name  is  unrelated  to  the  ActionScript  instance  name  or  Actio nScript  variable  name 
associated  with  the  object.  (This  information  generally  applies  to  all  objects.)  For  information  on  how  ActionScript  handles 
instance  names  and  variable  names  in  text  fields,  see  About  text  field  instance  and  variable  names  in  Learning  ActionScript 
2.0  in  Adobe  Flash  at  www.adobe.com/go/learn_cs5_learningas2_en. 

Specify  a  name  and  description  for  a  button,  text  field,  or  entire  SWF  application 

1  Do  one  of  the  following: 

•  To  provide  a  name  for  a  button  or  text  field,  select  the  object  on  the  Stage. 

•  To  provide  a  name  for  an  entire  Flash  Professional  application,  deselect  all  objects  on  the  Stage. 

2  Select  Window  >  Other  Panels  >  Accessibility. 

3  Select  either  Make  Object  Accessible  (for  buttons  or  text  fields)  or  the  default,  Make  Movie  Accessible  (for  entire 
Flash  Professional  applications). 

4  Enter  a  name  and  description  for  the  button,  text  field,  or  Flash  Professional  application. 

Define  accessibility  for  a  selected  object  in  a  SWF  application 

1  Select  Window  >  Other  Panels  >  Accessibility. 

2  Do  one  of  the  following: 

•  Select  Make  Object  Accessible  (the  default  setting)  to  expose  the  object  to  screen  readers  and  to  enable  other 
options  in  the  panel. 

•  Deselect  Make  Object  Accessible  to  hide  the  object  from  screen  readers  and  disable  the  other  options  in  the 
panel. 

3  Enter  a  name  and  a  description  for  the  selected  object  as  needed: 

Dynamic  text  To  provide  a  description  for  static  text,  you  must  convert  it  to  dynamic  text. 

Input  text  fields  or  buttons  Enter  a  keyboard  shortcut. 

Movie  clips  Select  Make  Child  Objects  Accessible  to  expose  the  objects  inside  the  movie  clip  to  screen  readers. 

note:  If  you  can  describe  your  application  in  a  simple  phrase  that  a  screen  reader  can  easily  convey,  turn  off  Make 
Children  Accessible,  and  type  a  suitable  description. 

Make  an  entire  SWF  application  accessible 

After  a  Flash  Professional  document  is  complete  and  ready  to  be  published  or  exported,  make  the  entire  Flash 
Professional  application  accessible. 

1  Deselect  all  elements  in  the  document. 

2  Select  Window  >  Other  Panels  >  Accessibility. 

3  Select  Make  Movie  Accessible  (the  default  setting)  to  expose  the  document  to  screen  readers. 

4  Select  or  deselect  Make  Children  Accessible  to  expose  or  omit  any  accessible  objects  in  the  document  to  screen 
readers. 

5  If  you  selected  Make  Movie  Accessible  in  step  2,  enter  a  name  and  description  for  the  document  as  needed. 
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6  Select  Auto  Label  (the  default  setting)  to  use  text  objects  as  automatic  labels  for  accessible  buttons  or  input  text  fields 
contained  in  the  document.  Deselect  this  option  to  turn  off  automatic  labeling  and  expose  text  objects  to  screen 
readers  as  text  objects. 

Viewing  and  creating  tab  order  and  reading  order 

The  two  aspects  to  tab  indexing  order  are  the  tab  order  in  which  a  user  navigates  through  the  web  content  and  the  order 
in  which  things  are  read  by  the  screen  reader,  called  the  reading  order. 

Flash  Player  uses  a  tab  index  order  from  left  to  right  and  top  to  bottom.  Customize  both  the  tab  and  reading  order  by 
using  the  tablndex  property  in  ActionScript  (in  ActionScript,  the  tablndex  property  is  synonymous  with  the  reading 
order). 

Note:  Flash  Player  no  longer  requires  that  you  add  all  of  the  objects  in  a  FLA  file  to  a  list  of  tab  index  values.  Even  if  you 
do  not  specify  a  tab  index  for  all  objects,  a  screen  reader  reads  each  object  correctly. 

Tab  order  The  order  in  which  objects  receive  input  focus  when  users  press  the  Tab  key.  Use  ActionScript  to  create  the 
tab  order,  or  if  you  have  Adobe  Flash  Professional,  use  the  Accessibility  panel.  The  tab  index  that  you  assign  in  the 
Accessibility  panel  does  not  necessarily  control  the  reading  order. 

Reading  order  The  order  in  which  a  screen  reader  reads  information  about  the  object.  To  create  a  reading  order,  use 
ActionScript  to  assign  a  tab  index  to  every  instance.  Create  a  tab-order  index  for  every  accessible  object,  not  just  the 
focusable  objects.  For  example,  dynamic  text  must  have  tab  indexes,  even  though  a  user  cannot  tab  to  dynamic  text.  If 
you  do  not  create  a  tab  index  for  every  accessible  object  in  a  given  frame,  Flash  Player  ignores  all  tab  indexes  for  that 
frame  whenever  a  screen  reader  is  present,  and  uses  the  default  tab  ordering  instead. 

Create  a  tab-order  index  for  keyboard  navigation  in  the  Accessibility  panel 

You  can  create  a  custom  tab-order  index  in  the  Accessibility  panel  for  keyboard  navigation  for  the  following  objects: 

•  Dynamic  text 

•  Input  text 

•  Buttons 

•  Movie  clips,  including  compiled  movie  clips 

•  Components 

•  Screens 

note:  You  can  also  use  ActionScript  code  to  create  a  tab-order  index  for  keyboard  navigation. 

Tab  focus  occurs  in  numerical  order,  starting  from  the  lowest  index  number.  After  tab  focus  reaches  the  highest  tab 
index,  focus  returns  to  the  lowest  index  number. 

When  you  move  tab-indexed  objects  that  are  user-defined  in  your  document,  or  to  another  document,  Flash 
Professional  retains  the  index  attributes.  Check  for  and  resolve  index  conflicts  (for  example,  two  different  objects  on 
the  Stage  with  the  same  tab-index  number). 

Note:  If  two  or  more  objects  have  the  same  tab  index  in  any  given  frame,  Flash  Professional  follows  the  order  in  which 
the  objects  were  placed  on  the  Stage. 

1  Select  the  object  in  which  to  assign  a  tab  order. 

2  Select  Window  >  Other  Panels  >  Accessibility. 

3  If  you’re  providing  an  index  for  the  selected  object  only,  in  the  Tab  Index  text  field,  enter  a  positive  integer  (up  to 
65535)  that  reflects  the  order  in  which  the  selected  object  should  receive  focus. 
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4  To  view  a  tab  order,  select  View  >  Show  Tab  Order.  Tab  index  numbers  for  individual  objects  appear  in  the  upper- 
left  corner  of  the  object. 


*lnput  Text  box 


Note:  Tab  indexes  created  with  ActionScript  code  do  not  appear  on  the  Stage  when  the  Show  Tab  Order  option  is 
enabled. 

Specifying  advanced  accessibility  options  for  screen  readers 

Turn  off  automatic  labeling  and  specify  an  object  name  for  screen  readers 

1  On  the  Stage,  select  the  button  or  input  text  field  for  which  you  want  to  control  labeling. 

2  Select  Window  >  Other  Panels  >  Accessibility. 

3  Select  Make  Object  Accessible  (the  default  setting). 

4  Enter  a  name  for  the  object.  The  name  is  read  as  the  label  for  the  button  or  text  field. 

5  To  turn  off  accessibility  for  the  automatic  label  (and  hide  it  from  screen  readers),  select  the  text  object  on  the  Stage. 

6  If  the  text  object  is  static  text,  convert  it  to  dynamic  text  (in  the  Property  inspector,  select  Text  type  >  Dynamic  Text). 

7  Deselect  Make  Object  Accessible. 

Hide  an  object  from  the  screen  reader 

You  can  hide  a  selected  object  from  screen  readers,  and  you  can  decide  to  hide  accessible  objects  that  are  contained 
inside  a  movie  clip  or  Flash  Professional  application  and  expose  only  the  movie  clip  or  Flash  Professional  application 
to  screen  readers,  note:  Only  hide  objects  that  are  repetitive  or  convey  no  content. 

When  an  object  is  hidden,  the  screen  reader  ignores  the  object. 

1  On  the  Stage,  select  the  button  or  input  text  field  to  hide  from  the  screen  reader. 

2  Select  Window  >  Other  Panels  >  Accessibility. 

3  In  the  Accessibility  panel,  do  one  of  the  following: 

•  If  the  object  is  a  movie  clip,  button,  text  field,  or  another  object,  deselect  Make  Object  Accessible. 

•  If  the  object  is  the  child  of  a  movie  clip,  deselect  Make  Child  Objects  Accessible. 
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Create  a  keyboard  shortcut  to  an  object  for  screen  readers 

You  can  create  a  keyboard  shortcut  for  an  object,  such  as  a  button,  so  users  can  navigate  to  it  without  listening  to  the 
contents  of  an  entire  page.  For  example,  you  can  create  a  keyboard  shortcut  to  a  menu,  a  toolbar,  the  next  page,  or  a 
submit  button. 

To  create  a  keyboard  shortcut,  write  ActionScript  code  for  an  object.  If  you  provide  a  keyboard  shortcut  for  an  input 
text  field  or  button,  you  must  also  use  the  ActionScript  Key  class  to  detect  the  key  the  user  presses  during  Flash 
Professional  content  playback.  See  Key  in  the  ActionScript  2.0  Language  Reference.  See  Capturing  keypresses  in 
Learning  ActionScript  2.0  in  Adobe  Flash  at  www.adobe.com/go/learn_cs5_learningas2_en. 

Select  the  object  and  add  the  name  of  the  keyboard  shortcut  to  the  Accessibility  panel  so  the  screen  reader  can  read  it. 

Test  your  Flash  Professional  content  with  multiple  screen  readers.  Keyboard  shortcut  functionality  also  depends  on  the 
screen  reader  software  used.  The  key  combination  Control+F,  for  example,  is  a  reserved  keystroke  for  both  the  browser 
and  the  screen  reader.  The  screen  reader  reserves  the  arrow  keys.  Generally,  you  can  use  the  0  to  9  keys  on  the  keyboard 
for  keyboard  shortcuts,  however,  screen  readers  increasingly  use  even  these  keys. 

Create  a  keyboard  shortcut 

1  On  the  Stage,  select  the  button  or  input  text  field  to  create  a  keyboard  shortcut  for. 

2  Select  Window  >  Other  Panels  >  Accessibility. 

3  In  the  Shortcut  field,  type  the  name  of  the  keyboard  shortcut,  using  the  following  conventions: 

•  Spell  out  key  names,  such  as  Control  or  Alt. 

•  Use  capital  letters  for  alphabetic  characters. 

•  Use  a  plus  sign  (+)  between  key  names,  with  no  spaces  (for  example,  Control+A). 

Note:  Flash  Professional  does  not  check  that  the  ActionScript  to  code  the  keyboard  shortcut  was  created. 

Map  a  keyboard  shortcut  to  a  button  instance  Control+7  to  myButton  instance 

1  Select  the  object  on  the  Stage,  display  the  Accessibility  panel,  and  in  the  Shortcut  field,  type  the  key  combination  of 
the  shortcut.  For  example,  Control+7. 

2  Enter  the  following  ActionScript  2.0  code  in  the  Actions  panel: 

Note:  In  this  example  the  shortcut  is  Control+7. 

function  myOnPressO  { 
trace  (  "hello"  ) ; 

} 

function  myOnKeyDown ( )  { 

if  (Key . isDown (Key . CONTROL)  &&  Key . getCode ( )  ==  55)  //  55  is  key  code  for  7 

{ 

Selection. setFocus (myButton) ; 
myButton . onPress ( ) ; 

} 

} 

var  myListener  =  new  Object (); 
myListener . onKeyDown  =  myOnKeyDown; 

Key . addListener (myListener) ; 

myButton. onPress  =  myOnPress; 

myBut ton. _accProps . shortcut  =  "Ctrl+7" 

Accessibility . updateProperties () ; 
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Note:  The  example  assigns  the  Control+7  keyboard  shortcut  to  a  button  with  an  instance  name  of  myButton  and  makes 
information  about  the  shortcut  available  to  screen  readers.  In  this  example,  when  you  press  Control+7,  the  myOnPress 
function  displays  the  text  “hello”  in  the  Output  panel.  See  addListener  (IME.addListener  method)  in  ActionScript  2.0 
Language  Reference  at  www.adobe.com/go/learn_cs5_as2lr_en. 


Creating  accessibility  with  ActionScript 


About  ActionScript  and  accessibility 

You  can  create  accessible  documents  with  ActionScript*  code.  For  accessibility  properties  that  apply  to  the  entire 
document,  you  can  create  or  modify  a  global  variable  called  _accProps.  See  the  _accProps  property  in  ActionScript  2.0 
Language  Reference  at  www.adobe.com/go/learn_cs5_as2lr_en. 

For  properties  that  apply  to  a  specific  object,  you  can  use  the  syntax  instancename._accProps.  The  value  of  _accProps 
is  an  object  that  can  include  any  of  the  following  properties: 


Property 

Type 

Equivalent  selection  in  the 
Accessibility  panel 

Applies  to 

.silent 

Boolean 

Make  Movie  Accessible/Make 
Object  Accessible  (inverse  logic) 

Entire  documents 

Buttons 

Movie  clips 

Dynamic  text 

Input  text 

.forceSimple 

Boolean 

Make  Child  Objects  Accessible 
(inverse  logic) 

Entire  documents 

Movie  clips 

.name 

string 

Name 

Entire  documents 

Buttons 

Movie  clips 

Input  text 

.description 

string 

Description 

Entire  documents 

Buttons 

Movie  clips 

Dynamic  text 

Input  text 

.shortcut 

string 

Shortcut 

Buttons 

Movie  clips 

Input  text 

Note:  With  inverse  logic,  a  value  of  true  in  ActionScript  corresponds  to  a  check  box  that  is  not  selected  in  the  Accessibility 
panel,  and  a  value  of  false  in  ActionScript  corresponds  to  a  selected  check  box  in  the  Accessibility  panel. 

Modifying  the  _accProps  variable  has  no  effect  by  itself.  You  must  also  use  the  Accessibility.updateProperties  method 
to  inform  screen  reader  users  of  Flash  Professional  content  changes.  Calling  the  method  causes  Flash  Player  to 
re-examine  all  accessibility  properties,  update  property  descriptions  for  the  screen  reader,  and,  if  necessary,  send  events 
to  the  screen  reader  that  indicate  changes  have  occurred. 
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When  updating  accessibility  properties  of  multiple  objects  at  once,  include  only  a  single  call  to 

Accessiblity.updateProperties  (too  frequent  updates  to  the  screen  reader  can  cause  some  screen  readers  to  become  too 
verbose). 

See  the  Accessibility.updateProperties  method  in  the  ActionScript  2.0  Language  Reference  at 
www. adobe.com/ go/learn_cs5_as2lr_en. 

Implementing  screen  reader  detection  with  the  Accessibility.isActiveO  method 

To  create  Flash  Professional  content  that  behaves  in  a  specific  way  if  a  screen  reader  is  active,  use  the 
Accessibility.isActiveO  ActionScript  method,  which  returns  a  value  of  true  if  a  screen  reader  is  present,  and  false 
otherwise.  You  can  then  design  your  Flash  Professional  content  to  perform  so  that  it’s  compatible  with  screen  reader 
use  (for  example,  by  hiding  child  elements  from  the  screen  reader).  For  more  information,  see  the  Accessibility.isActive 
method  in  the  ActionScript  2.0  Language  Reference  at  www.adobe.com/go/learn_cs5_as2lr_en. 

For  example,  you  could  use  the  Accessibility.isActiveO  method  to  decide  whether  to  include  unsolicited  animation. 
Unsolicited  animation  happens  without  the  screen  reader  doing  anything,  which  can  be  confusing  for  screen  readers. 

The  Accessibility.isActiveO  method  provides  asynchronous  communication  between  the  Flash  Professional  content 
and  Flash  Player;  a  slight  real-time  delay  can  occur  between  the  time  the  method  is  called  and  the  time  when  Flash 
Player  becomes  active,  returning  an  incorrect  value  of  false.  To  ensure  that  the  method  is  called  correctly,  do  one  of  the 
following: 

•  Instead  of  using  the  Accessibility.isActiveO  method  when  the  Flash  Professional  content  first  plays,  call  the  method 
whenever  you  need  to  make  a  decision  about  accessibility. 

•  Introduce  a  short  delay  of  one  or  two  seconds  at  the  beginning  of  your  document  to  give  the  Flash  Professional 
content  enough  time  to  contact  Flash  Player. 

For  example,  you  can  use  an  onFocus  event  to  attach  this  method  to  a  button.  This  approach  generally  gives  the  SWF 
file  enough  time  to  load  and  you  can  assume  a  screen  reader  user  will  tab  to  the  first  button  or  object  on  the  Stage. 

Use  ActionScript  to  create  a  tab  order  for  accessible  objects 

To  create  the  tab  order  with  ActionScript*  code,  assign  the  tablndex  property  to  the  following  objects: 

•  Dynamic  text 

•  Input  text 

•  Buttons 

•  Movie  clips,  including  compiled  movie  clips 

•  Timeline  frames 

•  Screens 

Provide  a  complete  tab  order  for  all  accessible  objects.  If  you  create  a  tab  order  for  a  frame  and  you  don’t  specify  a  tab 
order  for  an  accessible  object  in  the  frame,  Flash  Player  ignores  all  the  custom  tab-order  assignments.  Additionally,  all 
objects  assigned  to  a  tab  order,  except  frames,  must  have  an  instance  name  specified  in  the  Instance  Name  text  field  of 
the  Property  inspector.  Even  items  that  are  not  tab  stops,  such  as  text,  need  to  be  included  in  the  tab  order  if  they  are  to 
be  read  in  that  order. 

Because  static  text  cannot  be  assigned  an  instance  name,  it  cannot  be  included  in  the  list  of  the  tablndex  property 
values.  As  a  result,  a  single  instance  of  static  text  anywhere  in  the  SWF  file  causes  the  reading  order  to  revert  to  the 
default. 

To  specify  a  tab  order,  assign  an  order  number  to  the  tablndex  property,  as  the  following  example  shows: 
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_this . myOptionl . btn . tablndex  =  1 
_this . my0ption2 . txt . tablndex  =  2 

See  tablndex  in  Button,  MovieClip,  and  TextField  in  the  ActionScript  2.0  Language  Reference  at 
www.adobe.com/go/learn_cs5_as2lr_en. 

You  can  also  use  the  tabChildren()  or  tabEnabledQ  methods  to  assign  custom  tab  order.  See  MovieClip.tabChildren, 
MovieClip.tabEnabled,  and  TextField.tabEnabled  in  the  ActionScript  2.0  Language  Reference  at 
www.adobe.com/go/learn_cs5_as2lr_en. 

Using  accessible  components 

A  core  set  of  UI  components  accelerates  building  accessible  applications.  These  components  automate  many  of  the 
most  common  accessibility  practices  related  to  labeling,  keyboard  access,  and  testing  and  help  ensure  a  consistent  user 
experience  across  rich  applications.  Flash  Professional  includes  the  following  set  of  accessible  components: 

•  SimpleButton 

•  CheckBox 

•  RadioButton 

•  Label 

•  Textlnput 

•  TextArea 

•  ComboBox 

•  ListBox 

•  Window 

•  Alert 

•  DataGrid 

Accessible  Flash  Professional  components  must  contain  ActionScript  that  defines  their  accessible  behavior.  For 
information  on  which  accessible  components  work  with  screen  readers,  see  the  Flash  Professional  Accessibility  web 
page  at  www.adobe.com/go/learn_flash_accessibility_en/. 

For  general  information  about  components,  see  “About  Components”  in  Using  ActionScript  2.0  Components  at 
www.adobe.com/go/learn_cs5_usingas2components_en. 

For  each  accessible  component,  enable  the  accessible  portion  of  the  component  with  the  enableAccessibilityQ 
command.  This  command  includes  the  accessibility  object  with  the  component  as  the  document  is  compiled.  Because 
no  simple  way  exists  to  remove  an  object  after  it  is  added  to  the  component,  these  options  are  disabled  by  default. 
Therefore,  it’s  important  that  you  enable  accessibility  for  each  component.  Perform  this  step  only  once  for  each 
component;  you  do  not  need  to  enable  accessibility  for  each  instance  of  a  component  for  a  given  document.  See  “Button 
component”,  “CheckBox  component”,  “ComboBox  component”,  “Label  component”,  “List  component”,  “RadioButton 
component”,  and  “Window  component”  in  the  ActionScript  2.0  Components  Language  Reference  at 
www.adobe.com/go/learn_cs5_as2lr_en. 


Best  practices  -  Accessibility  guidelines 
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About  accessibility  guidelines 

Screen  readers  are  complex,  and  you  can  easily  encounter  unexpected  results  in  FLA  files  developed  for  use  with  screen 
readers,  which  is  software  that  visually  impaired  users  run  to  read  websites  aloud.  Text  is  read  aloud  using  specially 
designed  software.  A  screen  reader  can  only  interpret  textual  content.  However,  any  descriptions  that  you  provide  for 
the  overall  SWF  file,  movie  clips,  images,  or  other  graphical  content  are  also  read  aloud.  Write  descriptions  for  the 
important  images  and  animations  so  that  the  screen  reader  can  also  interpret  these  assets  in  your  SWF  file.  This  is  the 
SWF  file  equivalent  to  alt  text  in  an  HTML  web  page.Mofe:  Flash  Professional  applications  must  be  viewed  in  Internet 
Explorer  on  Windows,  because  Microsoft  Active  Accessibility  (MSAA)  support  is  limited  to  this  browser. 

Flash  Player  uses  Microsoft  Active  Accessibility  (MSAA)  to  expose  Flash  Professional  content  to  screen  readers.  MSAA 
is  a  Windows-based  technology  that  provides  a  standardized  platform  for  information  exchange  between  assistive 
technologies,  such  as  screen  readers,  and  other  applications.  Events  (such  as  a  change  in  the  application)  and  objects 
are  visible  to  screen  readers  by  using  MSAA. 

Note:  Flash  Player  7  (and  later)  does  not  work  with  all  screen-reader  technologies.  The  third-party  software  provider  must 
handle  the  information  that  MSAA  provides. 


Creating  accessible  sites 

Making  a  website  accessible  involves  several  different  criteria: 

Expose  the  information  to  screen  readers 

Make  text  or  images  realizable  Some  visitors  might  have  difficulty  reading  small  text  or  seeing  small  graphics.  Allow 
users  to  zoom  in  on  these  elements,  taking  advantage  of  scalable  vector  graphics  in  SWF  files. 

Provide  audio  narration  Consider  providing  an  audio  narration  for  visitors  without  a  screen  reader,  or  where  screen 
readers  might  not  work,  such  as  with  video  content. 

Provide  captions  for  audio  narrations  Some  visitors  might  not  be  able  to  hear  an  audio  narration  for  your  site  or  a 
video.  Consider  providing  captions  for  these  visitors. 

Do  not  rely  on  color  to  communicate  information  Many  visitors  might  be  color  blind.  If  you  rely  on  color  to 
communicate  information  (such  as:  Click  the  green  button  to  goto  page  1,  click  the  red  button  to  go  to  page  2),  provide 
text  or  speech  equivalents. 

Historically,  many  online  presentations  (such  as  videos)  provide  alternative  ways  for  visually  impaired  visitors  to  access 
the  content,  for  instance,  a  textual  description  of  a  video.  However,  Flash  Professional  provides  textual  information 
directly  to  the  screen  reader.  Although  this  usually  means  you  need  to  make  additional  settings  or  ActionScript  in  a 
FLA  file,  you  do  not  have  to  create  a  completely  separate  version. 

Parts  of  your  SWF  file  can  be  exposed  to  screen  readers.  Text  elements  (such  as  text  fields,  static  text,  and  dynamic  text), 
buttons,  movie  clips,  components,  and  the  entire  SWF  file  can  be  interpreted  by  MSA-compliant  screen  readers. 

Section  508  is  United  States  legislation  that  provides  guidelines  for  making  information  accessible  to  people  with 
disabilities.  Section  508  specifically  addresses  the  need  for  websites  to  be  accessible  in  several  ways.  Some  websites, 
including  all  federal  websites,  must  comply  with  these  guidelines.  If  a  SWF  file  does  not  communicate  all  of  the 
information  to  the  screen  reader,  the  SWF  file  is  no  longer  Section  508-compliant.  For  more  information,  see  the 
Section  508  website. 

Many  nations  have  specified  guidelines  to  follow  to  create  accessible  web  sites,  or  follow  guidelines  established  by  other 
organizations.  For  more  information  on  accessibility  and  web  standards,  see  the  World  Wide  Web  Consortium  (W3C) 
Web  Accessibility  Initiative  website.  These  standards  and  guidelines  describe  what  factors  you  must  address  when  you 
create  accessible  HTML  websites,  and  some  of  this  information  applies  to  Flash  Professional. 
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Exposing  SWF  file  structure  and  navigation 

Because  of  the  visual  nature  of  some  SWF  files,  the  layout  and  navigation  of  the  page  can  be  complex  and  difficult  for 
screen  readers  to  translate.  An  overall  description  of  the  SWF  file  is  important  to  communicate  information  about  its 
structure  and  how  to  navigate  through  the  site’s  structure.  You  can  provide  this  description  by  clicking  the  Stage  and 
entering  a  description  into  the  Accessibility  panel.  You  can  also  create  a  separate  area  of  the  site  to  provide  this 
description  or  overview. 

Note:  If  you  enter  a  description  for  the  main  SWF  file,  this  description  is  read  each  time  the  SWF  file  refreshes.  You  can 
avoid  this  redundancy  by  creating  a  separate  informational  page. 

Inform  the  user  about  any  navigational  elements  that  change  in  the  SWF  file.  Perhaps  an  extra  button  is  added,  or  the 
text  on  the  face  of  a  button  changes,  and  this  change  is  read  aloud  by  the  screen  reader.  Flash  Player  7  and  later  supports 
updating  these  properties  by  using  ActionScript.  You  can  update  the  accessibility  information  in  your  applications  if 
the  content  changes  at  runtime. 


Controlling  descriptions  and  repetition 

Designers  and  developers  can  assign  descriptions  for  the  animations,  images,  and  graphics  in  a  SWF  file.  Provide  names 
for  graphics  so  the  screen  reader  can  interpret  them.  If  a  graphic  or  animation  does  not  communicate  vital  information 
to  the  SWF  file  (perhaps  it  is  decorative  or  repetitive),  or  you  outlined  the  element  in  the  overall  SWF  file  description, 
do  not  provide  a  separate  description  for  that  element.  Providing  unnecessary  descriptions  can  be  confusing  to  users 
who  use  screen  readers. 

Note:  If  you  divide  text  or  use  images  for  text  in  your  SWF  files,  provide  either  a  name  or  description  for  these  elements. 
If  you  have  several  nested  movie  clips  that  serve  a  single  purpose  or  convey  one  idea,  ensure  that  you  do  the  following: 

•  Group  these  elements  in  your  SWF  file. 

•  Provide  a  description  for  the  parent  movie  clip. 

•  Make  all  the  child  movie  clips  inaccessible. 

This  is  extremely  important,  or  the  screen  reader  tries  to  describe  all  the  irrelevant  nested  movie  clips,  which  will 
confuse  the  user,  and  might  cause  the  user  to  leave  your  website.  Make  this  decision  whenever  you  have  more  than 
one  object,  such  as  many  movie  clips,  in  a  SWF  file.  If  the  overall  message  is  best  conveyed  using  a  single  description, 
provide  a  description  on  one  of  the  objects,  and  make  all  the  other  objects  inaccessible  to  the  screen  reader. 

Looping  SWF  files  and  applications  cause  screen  readers  to  constantly  refresh  because  the  screen  reader  detects  new 
content  on  the  page.  Because  the  reader  thinks  the  content  is  updated,  it  returns  to  the  top  of  the  web  page  and  starts 
rereading  the  content.  Make  inaccessible  to  screen  readers  any  looping  or  refreshing  objects  that  do  not  have  to  be 
reread. 

note:  Do  not  type  a  description  in  the  Description  field  of  the  Accessibility  panel  for  instances  (such  as  text)  that  the 
screen  reader  reads  aloud. 


Using  color 

You  must  make  decisions  about  using  colors  in  an  accessible  file.  You  must  not  rely  only  on  color  to  communicate 
particular  information  or  directives  to  users.  A  color-blind  user  cannot  operate  a  page  if  it  asks  to  click  on  the  blue  area 
to  launch  a  new  page  or  the  red  area  to  hear  music.  Offer  text  equivalents  on  the  page  or  in  an  alternate  version  to  make 
your  site  accessible.  Also,  check  that  significant  contrast  exists  between  foreground  and  background  colors  to  enhance 
readability.  If  you  place  light  gray  text  on  a  white  background,  users  cannot  easily  read  it.  Similarly,  small  text  is  difficult 
for  many  visitors  to  read.  Using  high-contrast  and  large  or  resizable  text  benefits  most  users,  even  those  without 
impairments. 


Last  updated  6/1 2/2015 


Platforms 


79 


Ordering,  tabbing,  and  the  keyboard 

Reading  order  and  tabbing  are  important  considerations  for  making  accessible  Flash  Professional  websites.  When  you 
design  an  interface,  the  order  that  it  appears  on  the  page  might  not  match  the  order  in  which  the  screen  reader  describes 
each  instance.  You  can  control  and  test  reading  order,  as  well  as  control  tabbing  in  the  SWF  file. 

Controlling  reading  order 

The  default  reading  order  is  not  predictable  and  does  not  always  match  the  placement  of  your  assets  or  the  visual  layout 
of  the  page.  Keeping  the  layout  simple  can  help  create  a  logical  reading  order  without  using  ActionScript.  However,  you 
have  more  control  over  reading  order  if  you  use  ActionScript  and  test  the  reading  order  in  your  SWF  files. 

Note:  Do  not  miss  ordering  a  single  instance  in  your  SWF  file,  or  the  reading  order  reverts  to  the  default  ( and 
unpredictable)  reading  order. 

Controlling  tabbing  and  content 

Visitors  who  rely  on  screen  readers  to  describe  a  site’s  content  typically  use  tabbing  and  keyboard  controls  to  navigate 
the  operating  system  and  web  pages,  because  using  the  mouse  is  not  useful  when  the  screen  cannot  be  seen.  Use  the 
tablndex  and  tabEnabled  properties  with  the  movie  clip,  button,  text  field,  or  component  instances  to  offer  intelligent 
tabbing  control  in  accessible  SWF  files.  In  addition  to  tabbing,  you  can  use  any  key-press  actions  to  navigate  through 
the  SWF  file,  but  you  must  communicate  that  information  using  the  Accessibility  panel.  Use  the  Key  class  in 
ActionScript  to  add  key-press  scripts  to  the  SWF  file.  Select  the  object  for  which  you  want  to  use  the  key-press  script, 
and  add  the  shortcut  key  in  the  Shortcut  field  on  the  Accessibility  panel.  Add  keyboard  shortcuts  to  essential  and 
frequently  used  buttons  in  your  SWF  iile.note:  In  ActionScript  3.0,  tablndex  and  tabEnabled  are  properties  of  the 
InteractiveObject  class.  In  ActionScript  2.0,  they  do  not  require  a  class  reference. 

Note:  Avoid  invisible  buttons  in  accessible  SWF  files,  because  screen  readers  do  not  recognize  these  buttons.  (Invisible 
buttons  are  buttons  for  which  you  define  only  a  hit  area,  the  clickable  region,  for  the  button.) 

Many  SWF  files  have  a  rapid  succession  of  information,  and  screen  readers  frequently  cannot  keep  up  with  this  pace. 
Provide  controls  for  the  SWF  file,  letting  the  user  use  buttons  to  navigate  through  the  file  at  their  own  pace,  and  letting 
them  pause  the  process  if  necessary. 


Handling  audio,  video,  and  animation 

When  you  provide  audio  narrations  or  video  that  contains  speech,  provide  captions  for  those  users  who  cannot  hear. 
You  can  use  text  fields  in  Flash  Professional,  import  video  that  contains  captions,  or  even  use  an  XML  caption  file.  You 
can  use  video  cue  points  to  specify  when  a  text  field  should  update  text  information  at  runtime. 

For  information  on  using  Hi-Caption  SE  and  the  Hi-Caption  Viewer  component,  see 

www.adobe.com/go/flash_extensions.  This  third-party  extension  lets  you  create  captions  that  you  save  in  an  XML  file 
and  load  into  the  SWF  file  at  runtime,  among  other  advanced  controls.  Alternatively,  you  can  use  cue  points  and  a  text 
field  to  display  caption  information. 


Accessibility  and  extending  Flash 

With  the  extensibility  layer  in  Flash  Professional,  developers  can  create  extensions  that  enable  advanced  authoring.  This 
lets  third-party  companies  develop  extensions  that  involve  accessibility.  You  have  several  options  for  validating  your 
SWF  files  or  adding  captions. 

For  example,  a  validation  tool  can  examine  your  SWF  file  for  missing  descriptions.  It  checks  to  see  if  a  description  is 
added  for  a  group  of  instances,  or  if  text  has  a  label  for  the  instance,  and  tells  you  about  any  problems.  The  tool  also 
examines  the  reading  order  in  your  SWF  file,  and  finds  all  instances  that  must  be  specified.  You  can  specify  reading 
order  by  using  a  dialog  box  after  the  SWF  file  is  analyzed. 
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For  information  on  the  currently  available  third-party  extensions,  see  www.adobe.com/go/flash_extensions. 

Testing  files  and  making  changes 

Test  any  SWF  file  that  is  intended  for  use  with  screen  readers.  Test  your  SWF  files  when  each  new  version  of  Flash  Player 
is  released,  including  minor  revisions,  and  test  it  with  the  following  scenarios: 

•  Using  the  Window  Eyes  and  JAWS  for  Windows  screen  readers.  These  each  handle  SWF  files  differently,  so  you 
could  get  different  results. 

•  In  a  browser  without  a  screen  reader,  and  navigate  through  your  site  without  using  the  mouse. 

•  Turn  off  your  monitor  and  use  only  the  screen  reader  to  navigate  your  website. 

•  If  you  use  audio  narration,  test  your  site  without  speakers. 

•  With  several  users  who  are  representative  of  your  target  web  site  visitors. 

Note:  You  do  not  have  to  test  different  browsers,  because  the  technology  used  to  expose  SWF  files  to  screen  readers  (MSAA) 
is  supported  only  by  Internet  Explorer  on  Windows. 

When  listening  to  your  SWF  file  using  a  screen  reader,  check  the  following  points: 

•  Is  the  reading  order  correct? 

•  Do  you  have  descriptions  for  shortcuts  in  your  SWF  file? 

•  Do  you  have  adequate  and  complete  descriptions  for  the  elements  in  the  interface? 

•  Do  you  have  adequate  descriptions  for  navigating  the  site’s  structure? 

•  Is  the  SWF  file  content  read  when  it  is  updated  or  refreshed? 

•  If  you  change  the  context  of  any  elements  on  the  Stage  (such  as  a  button  that  changes  from  Play  to  Pause),  is  that 
change  announced  by  the  screen  reader? 

No  official  tool  is  available  for  validating  SWF  files,  unlike  HTML  validation.  However,  some  third-party  tools  exist 
to  help  you  validate  the  file.  For  more  information  on  these  extensions,  see  www.adobe.com/go/flash_extensions. 

More  Help  topics 

Creating  accessibility  with  ActionScript 

Using  Flash  to  enter  accessibility  information  for  screen  readers 
Creating  accessibility  with  ActionScript 
Accessibility  for  hearing-impaired  users 


Accessibility  in  the  Flash  workspace 

The  Adobe  Flash  Professional  workspace  is  keyboard-accessible  for  users  who  may  have  difficulty  using  a  mouse. 

Note:  Complete,  updated  Help  is  on  the  web.  The  application  did  not  detect  an  Internet  connection.  For  a  complete  version 
of  this  topic,  click  the  link  below  or  search  complete  Flash  Professional  Help. 

The  Adobe  Flash  Professional  workspace  is  keyboard-accessible  for  users  who  may  have  difficulty  using  a  mouse. 

See  the  discussion  of  Flash  Professional  workspace  accessibility  in  Help  on  the  web  to  learn  about  navigating  the  user 
interface  without  a  mouse. 
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About  accessibility  support 

Accessibility  support  in  the  authoring  environment  provides  keyboard  shortcuts  for  navigating  and  using  interface 
controls,  including  panels,  the  Property  inspector,  dialog  boxes,  the  Stage,  and  objects  on  the  Stage,  so  that  you  can 
work  with  these  interface  elements  without  using  the  mouse. 

Note:  Certain  keyboard  controls  and  authoring  environment  accessibility  features  are  available  only  in  Windows. 

To  customize  the  keyboard  shortcuts  for  accessibility  in  the  authoring  environment,  use  the  Workspace  Accessibility 
Commands  section  of  the  Keyboard  Shortcuts  dialog  box. 

•  To  hide  all  panels  and  the  Property  inspector,  press  F4.  To  display  all  panels  and  the  Property  inspector,  press  F4 
again. 


Select  controls  in  a  panel  using  keyboard  shortcuts 

To  move  the  focus  through  the  panel  controls  when  a  panel  or  the  Property  inspector  has  the  current  focus,  use  the  Tab 
key.  To  activate  a  menu  that  has  the  current  focus,  use  the  Spacebar  (that  is,  pressing  Spacebar  is  equivalent  to  clicking 
the  menu  in  the  panel).  Flash  Pro  does  not  support  moving  from  panel  to  panel  with  the  Tab  key. 

When  you  use  the  keyboard  shortcut  for  panel  controls,  focus  is  applied  to  a  control  and  the  control  is  activated  using 
the  following  criteria: 

•  To  select  a  control  in  the  panel  with  the  Tab  key,  the  panel  with  the  current  focus  must  be  expanded.  If  the  panel  is 
collapsed,  pressing  Tab  has  no  effect. 

•  To  display  the  Panel  menu  items  when  the  Panel  menu  has  the  focus,  press  the  Space  bar. 

•  You  can  move  the  focus  to  a  panel  control  only  if  the  control  is  active.  If  a  control  is  dimmed  (inactive),  you  cannot 
apply  focus  to  the  control. 

Move  the  focus  through  the  items  in  the  Panel  menu  of  a  panel 

1  To  display  the  Panel  menu  items  when  the  focus  currently  applied  to  the  Panel  menu,  press  the  Spacebar. 

2  To  move  through  the  items  in  the  Panel  menu,  press  Down  Arrow. 

3  To  activate  the  currently  selected  Panel  menu  item,  press  Enter  (Windows)  or  Return  (Macintosh). 

Move  the  focus  through  the  controls  in  a  panel 

1  Press  Tab  when  the  focus  is  currently  applied  to  the  Panel  menu.  To  move  the  focus  through  the  controls  in  the 
panel,  press  Tab  repeatedly. 

2  To  activate  the  currently  selected  menu  in  a  panel ,  press  Enter  or  Return. 

3  To  edit  a  numerical  Hot  Text  value,  type  the  number  and  press  Enter  or  Return. 

Navigate  dialog  box  controls  using  keyboard  shortcuts 

•  To  move  through  the  controls  in  the  dialog  box,  press  Tab. 

•  To  move  through  the  controls  within  one  section  of  a  dialog  box,  press  Up  Arrow  and  Down  Arrow. 

•  To  activate  the  button  (equivalent  to  clicking  the  button),  when  the  focus  is  applied  to  a  dialog  box  control  button, 
press  Enter. 

•  To  apply  the  current  settings  and  close  the  dialog  box  (equivalent  to  clicking  OK),  when  the  focus  is  not  applied  to 
any  dialog  box  control  button,  press  Enter. 

•  To  close  the  dialog  box  without  applying  the  changes  (equivalent  to  clicking  Cancel),  press  Escape. 
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•  To  view  the  Help  content  for  the  dialog  box  (equivalent  to  clicking  Help),  when  the  focus  is  applied  to  the  Help 
button,  press  Enter  or  Spacebar. 


Select  the  Stage  or  objects  on  the  Stage  using  keyboard  shortcuts 

Selecting  the  Stage  with  a  keyboard  shortcut  is  equivalent  to  clicking  on  the  Stage. 

After  the  Stage  is  selected,  use  the  Tab  key  to  navigate  through  all  objects  on  all  layers,  one  at  a  time.  You  can  select 
instances  (including  graphic  symbols,  buttons,  movie  clips,  bitmaps,  videos,  or  sounds),  groups,  or  boxes.  You  cannot 
select  shapes  (such  as  rectangles)  unless  those  shapes  are  instances  of  symbols.  You  cannot  select  more  than  one  object 
at  a  time  using  keyboard  shortcuts. 

To  select  objects  on  the  Stage,  use  the  following  techniques: 

•  To  select  an  object  on  the  Stage,  with  the  Stage  selected,  press  Tab. 

•  To  select  the  previous  object  when  an  object  is  currently  selected,  press  Shift+Tab. 

•  To  select  the  first  object  that  was  created  on  the  active  frame  in  the  active  layer,  press  Tab.  When  the  last  object  on 
the  top  layer  is  selected,  press  Tab  to  move  to  the  next  layer  beneath  it  and  select  the  first  object  there,  and  so  on. 

•  When  the  last  object  on  the  last  layer  is  selected,  press  Tab  to  move  to  the  next  frame  and  select  the  first  object  on 
the  top  layer  there. 

•  Objects  on  layers  that  are  hidden  or  locked  cannot  be  selected  with  the  Tab  key. 

Note:  If  you  are  currently  typing  text  in  a  box,  you  cannot  select  an  object  using  the  keyboard  focus.  You  must  first  press 
the  Escape  key  and  then  select  an  object. 


Navigate  tree  structures  using  keyboard  shortcuts 

To  navigate  tree  structures,  the  hierarchical  displays  of  file  structures  in  certain  Flash  Professional  panels,  use  keyboard 
shortcuts. 

•  To  expand  a  collapsed  folder,  select  the  folder  and  press  Right  Arrow. 

•  To  collapse  an  expanded  folder,  select  the  folder  and  press  Left  Arrow. 

•  To  move  to  the  parent  folder  of  an  expanded  folder,  press  Left  Arrow. 

•  To  move  to  the  child  folder  of  an  expanded  folder,  press  Right  Arrow. 


Work  with  library  items  using  keyboard  shortcuts 

1  To  copy  or  paste  a  selected  library  item,  press  Control+X  (Windows)  or  Command+X  (Macintosh)  to  cut  the  item, 
or  press  Control+C  (Windows)  or  Command+C  (Macintosh)  to  copy  the  item. 

2  To  paste  a  cut  or  copied  item,  click  the  Stage  or  in  another  library  to  set  the  insertion  point,  and  press  Control+V 
(Windows)  or  Command+V  (Macintosh)  to  paste  in  the  center  of  the  Stage;  or  press  Control+Shift+V  (Windows) 
or  Command+Shift+V  (Macintosh)  to  paste  in  place  (in  the  same  location  as  the  original). 

To  cut,  copy,  and  paste  items,  use  the  following  techniques: 

•  Cut  or  copy  one  item  or  multiple  items. 

•  Cut  or  copy  an  item  from  the  Library  panel  and  paste  it  onto  the  Stage  or  into  another  library,  or  paste  a  folder 
into  another  library. 

•  You  cannot  paste  a  shape  from  the  Stage  into  the  library. 
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•  You  cannot  paste  a  library  item  into  a  common  library,  because  common  libraries  cannot  be  modified.  However, 
you  can  create  a  common  library. 

•  When  you  paste  a  library  item  onto  the  Stage,  the  item  is  centered. 

•  If  you  paste  a  folder,  each  item  in  the  folder  is  included. 

•  To  paste  a  library  item  into  a  folder  in  the  destination  library,  click  the  folder  before  pasting. 

•  You  can  paste  a  library  item  into  a  different  location  in  the  same  library  where  it  originated. 

•  If  you  attempt  to  paste  a  library  item  into  a  location  containing  another  item  by  the  same  name,  select  whether 
to  replace  the  existing  item. 

More  Help  topics 

Accessibility  in  the  Flash  workspace 

Flash  Professional  Keyboard  Shortcuts 

(Deprecated  with  Flash  Professional  CC)  Work  with  common  libraries 


Debugging  ActionScript  3.0 


About  the  ActionScript  3.0  debugger 

Additional  resources 

The  following  resources  provide  additional  detailed  information  about  debugging  ActionScript  3.0: 

•  Article:  Understanding  ActionScript  3  debugging  in  Flash  (Adobe.com) 

•  Article:  Introducing  the  ActionScript  3  debugger  (Adobe.com) 

•  Video:  Mobile  device  debugging  via  USB  (Adobe.com) 


Enter  debugging  mode 

The  way  you  begin  a  debugging  session  depends  on  the  type  of  file  you  are  working  on.  During  a  debugging  session, 
Flash  interrupts  the  execution  of  ActionScript  when  it  encounters  a  breakpoint  or  a  runtime  error. 

When  Flash  Pro  initiates  a  debug  session,  it  adds  special  information  to  the  SWF  file  that  it  exports  for  the  session.  This 
information  allows  the  debugger  to  provide  the  specific  line  numbers  in  the  code  where  errors  are  encountered. 

You  can  include  this  special  debugging  information  in  all  SWF  files  created  from  a  specific  FLA  file  in  the  Publish 
settings.  This  allows  you  to  debug  the  SWF  file  even  if  you  do  not  explicitly  initiate  a  debug  session.  This  debugging 
information  makes  the  SWF  file  slightly  larger. 

Choose  a  default  debugging  environment 

•  Choose  Debug  >  Debug  Movie  and  then  choose  one  of  the  following: 

•  Flash  Professional 

•  AIR  Debug  Launcher  (Desktop) 

•  AIR  Debug  Launcher  (Mobile) 
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•  on  Device  via  USB  (CS5.5  only) 

All  debug  sessions  will  take  place  in  the  environment  you  choose.  You  can  change  the  default  environment  at  any 
time. 

Start  debugging  from  a  FLA  file 

❖  Select  Debug  >  Debug 

(Flash  Professional  CS6  and  earlier)  Select  Debug  >  Debug  Movie  >  Debug. 

Start  debugging  from  an  ActionScript  3.0  AS  file 

1  With  the  ActionScript  file  open  in  the  Script  window,  select  the  FLA  file  that  the  ActionScript  file  should  be 
compiled  with  from  the  Target  menu  at  the  top  of  the  Script  window.  The  FLA  file  must  also  be  open  in  Flash  to 
appear  in  this  menu. 

2  Select  Debug  >  Debug 

(Flash  Professional  CS6  and  earlier)  Select  Debug  >  Debug  Movie  >  Debug. 

Add  debugging  information  to  all  SWF  files  created  from  a  FLA  file 

1  With  the  FLA  file  open,  select  File  >  Publish  Settings. 

2  In  the  Publish  Settings  dialog  box,  click  the  Flash  tab  (CS5)  or  Flash  category  (CS5.5). 

3  Select  Permit  Debugging. 

Exit  debugging  mode 

❖  Click  the  End  Debug  Session  button  in  the  Debug  Console. 

Set  and  remove  breakpoints 

Add  breakpoints  to  ActionScript  code  to  interrupt  the  execution  of  the  code.  After  execution  is  interrupted,  you  can 
step  through  and  execute  the  code  line  by  line,  view  different  sections  of  your  ActionScript,  view  the  values  of  variables 
and  expressions,  and  edit  variable  values. 

Note:  Breakpoints  cannot  be  added  to  ASC  (ActionScript  for  Communication)  or  JSFL  (Flash  JavaScript)  files. 

Set  a  breakpoint 

❖  In  the  Actions  panel  or  Script  window,  click  in  the  left  margin  next  to  the  line  of  code  where  you  want  the  breakpoint 
to  appear. 

Remove  a  breakpoint 

❖  In  the  Actions  panel  or  Script  window,  click  on  the  breakpoint  to  remove. 

Step  through  lines  of  code 

After  the  ActionScript  execution  is  interrupted  at  a  breakpoint  or  runtime  error,  you  can  step  through  the  code  line  by 
line.  You  may  choose  to  step  into  function  calls  or  step  over  them.  You  can  also  choose  to  continue  executing  the  code 
without  stepping. 

Step  into  code  line  by  line 

❖  Click  the  Step  In  button  in  the  Debug  Console. 

Step  over  a  function  call 

❖  Click  the  Step  Over  button  in  the  Debug  Console. 
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Step  out  of  a  function  call 

❖  Click  the  Step  Out  button  in  the  Debug  Console. 

Resume  normal  code  execution 

❖  Click  the  Continue  button  in  the  Debug  Console. 

Display  and  examine  scripts  in  the  call  stack 

When  code  execution  stops  in  the  debugger,  you  can  view  the  call  stack  in  the  Debug  Console  and  display  the  scripts 
containing  the  functions  in  the  call  stack.  The  call  stack  shows  the  current  list  of  nested  function  calls  that  are  waiting 
to  complete  execution. 

You  can  view  the  individual  scripts  that  contain  each  function. 

❖  In  the  Debug  Console  panel,  double  click  the  name  of  the  script  in  the  call  stack. 


Display  and  modify  variable  values 

View  and  edit  the  values  of  variables  and  properties  in  the  Variables  panel. 

View  a  variable  value 

1  In  the  Variables  panel,  select  the  types  of  variables  to  display  from  the  Panel  menu. 

•  Show  Constants  displays  the  values  constants  (variables  having  a  fixed  value). 

•  Show  Statics  displays  variables  that  belong  to  the  class,  rather  than  to  instances  of  the  class. 

•  Show  Inaccessible  Member  Variables  displays  variables  that  are  not  accessible  to  other  classes  or  namespaces. 
This  includes  variables  that  are  protected,  private  or  internal  to  the  namespace. 

•  Show  Additional  Hexadecimal  Display  adds  hexadecimal  values  wherever  decimal  values  are  displayed.  This  is 
mainly  useful  for  color  values.  Hexadecimal  values  are  not  displayed  for  decimal  values  from  0  through  9. 

•  Show  Qualified  Names  displays  variables  types  with  both  the  package  name  and  the  class  name. 

2  Expand  the  tree  view  of  the  object  structure  of  the  FLA  until  you  see  the  variable  to  view. 

Edit  the  value  of  a  variable 

1  In  the  Variables  panel,  double  click  on  the  value  of  the  variable. 

2  Enter  the  new  value  for  the  variable  and  press  Enter.  The  new  value  is  used  during  subsequent  code  execution. 

Control  compiler  warnings 

Control  the  types  of  compiler  warnings  that  the  ActionScript  compiler  generates  in  the  Compiler  Errors  panel.  When 
the  compiler  reports  an  error,  double-click  the  error  to  navigate  to  the  line  of  code  that  caused  the  error. 

1  Select  File  >  Publish  Settings. 

2  Click  Flash. 

3  Click  the  ActionScript  Settings  button. 

4  Select  among  the  Errors  options: 

•  Strict  Mode  reports  warnings  as  errors,  which  means  that  compilation  will  not  succeed  if  those  errors  exist. 

•  Warnings  Mode  reports  extra  warnings  that  are  useful  for  discovering  incompatibilities  when  updating 
ActionScript  2.0  code  to  ActionScript  3.0. 
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Navigate  to  errors  in  code 

When  Flash  encounters  an  error  in  ActionScript  code,  either  during  compiling  or  execution,  it  reports  the  error  in  the 
Compiler  Errors  panel.  Navigate  to  the  line  of  code  that  caused  the  error  from  the  Compiler  Errors  panel. 

❖  Double  click  the  error  in  the  Compiler  Errors  panel. 


Debug  a  remote  ActionScript  3.0  SWF  file 

With  ActionScript  3.0,  you  can  debug  a  remote  SWF  file  by  using  the  stand-alone,  ActiveX,  or  plug-in  version  of  the 
Debug  Flash  Player,  which  you  can  find  in  the  Flash  install  directory/Players/Debug/  directory.  However,  in  the 
ActionScript  3.0  Debugger,  remote  debugging  is  limited  to  files  located  on  the  same  localhost  as  the  Flash  authoring 
application,  being  played  in  the  stand-alone  debug  player,  ActiveX  control,  or  plugin. 

To  permit  remote  debugging  of  the  file,  enable  debugging  in  the  Publish  settings.  You  can  also  publish  your  file  with  a 
debugging  password  to  ensure  that  only  trusted  users  can  debug  it. 

As  in  JavaScript  or  HTML,  users  can  view  client-side  variables  in  ActionScript.  To  store  variables  securely,  send  them 
to  a  server-side  application  instead  of  storing  them  in  your  file.  However,  as  a  developer,  you  may  have  other  trade 
secrets,  such  as  movie  clip  structures,  that  you  do  not  want  to  reveal.  You  can  use  a  debugging  password  to  protect  your 
work. 

Enable  remote  debugging  of  a  SWF  file  and  set  a  debugging  password 

In  ActionScript  3.0  FLA  files,  code  in  frame  scripts  cannot  be  debugged.  Only  code  in  external  AS  files  can  be  debugged 
with  the  ActionScript  3.0  Debugger. 

1  Open  the  FLA  file. 

2  Select  File  >  Publish  Settings. 

3  In  the  Publish  Settings  dialog  box,  click  the  Flash  tab  (CS5)  or  Flash  category  (CS5.5),  and  then  select  Permit 
Debugging. 

4  Close  the  Publish  Settings  dialog  box,  and  select  one  of  the  following  commands: 

•  File  >  Export  >  Export  Movie 

•  File  >  Publish 

5  Leave  the  SWF  file  on  the  local  machine  to  perform  a  remote  debug  session  on  the  localhost,  or  upload  it  to  your 
web  server. 

The  SWF  file  contains  no  breakpoint  information,  so  if  you  upload  the  file  to  a  remote  server  you  will  not  be  able  to 
step  through  code.  Use  the  localhost  to  perform  this  task. 

6  In  Flash,  select  Debug  >  Begin  Remote  Debug  Session  >  ActionScript  3.0. 

Flash  opens  the  ActionScript  3.0  Debugger  and  waits  for  a  debug  Flash  Player  to  connect.  You  have  2  minutes  to 
start  the  debug  Flash  Player.  If  more  than  2  minutes  elapse,  repeat  this  step. 

7  Open  the  SWF  file  in  the  debug  version  of  the  Flash  Player  plugin,  ActiveX  control,  or  stand-alone  player.  The  debug 
stand-alone  player  is  located  in  the  Flash  install  directory! Players/Debug/  directory.  Do  not  connect  to  a  file  on 
another  machine,  as  debugger  will  not  be  able  to  receive  any  breakpoint  information. 

The  debug  session  begins  when  the  debug  player  connects  to  the  Flash  ActionScript  3.0  Debugger  panel. 

Note:  Remote  debugging  does  not  function  if  you  select  the  Default  Network  Interface  for  AIR  3.4.  Instead,  select  the 
options  to  provide  Network  Interface  name  and  IP  Address  of  the  system. 
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Activate  the  Debugger  from  a  remote  location 

1  Open  the  Flash  authoring  application  if  it  is  not  already  open. 

2  Select  Debug  >  Begin  Remote  Debug  Session  >  ActionScript  3.0. 

3  In  a  browser  or  in  the  debugger  version  of  the  stand-alone  player,  open  the  published  SWF  file  from  the  remote 
location. 

If  the  Remote  Debug  dialog  box  does  not  appear,  right-click  (Windows)  or  Control-click  (Macintosh)  in  the  SWF 
file  to  display  the  context  menu,  and  select  Debugger. 

4  In  the  Remote  Debug  dialog  box,  select  Localhost  and  select  the  file  to  open. 

The  display  list  of  the  SWF  file  appears  in  the  Debugger.  If  the  SWF  file  doesn’t  play,  the  Debugger  might  be  paused, 
so  click  Continue  to  start  it. 


Writing  and  managing  scripts 


Format  code 

Your  code  can  be  formatted  and  indented  automatically  when  typing.  If  you  use  dynamic  font  mapping,  you  ensure  that 
the  correct  fonts  are  used  for  multilingual  text. 

(Deprecated  with  Flash  Professional  CC)  Set  Auto  Format  options 

1  Do  one  of  the  following: 

•  From  the  panel  menu  „=  (at  the  upper-right  corner  of  the  Actions  panel),  select  Preferences. 

•  In  the  Script  window,  select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh). 

2  In  the  Preferences  dialog  box,  select  Auto  Format. 

3  Select  any  of  the  Auto  Format  options. 

After  you  set  Auto  Format  options,  your  settings  are  applied  automatically  to  the  code  you  write,  but  not  to  existing 
code;  you  must  apply  your  settings  to  existing  code  manually. 

(Deprecated  with  Flash  Professional  CC)  Format  code  according  to  Auto  Format  settings 

•  Click  Auto  Format  M  in  the  Actions  panel  or  Script  window  toolbar. 

•  From  the  panel  menu  (at  the  upper-right  corner  of  the  Actions  panel),  select  Auto  Format. 

•  Press  Control+Shift+F  (Windows)  or  Command+Shift+F  (Macintosh). 

•  In  the  Script  window,  select  Tools  >  Auto  Format. 

(Deprecated  with  Flash  Professional  CC)  Use  dynamic  font  mapping 

•  To  turn  dynamic  font  mapping  on  or  off,  select  or  deselect  Use  Dynamic  Font  Mapping  in  the  Preferences  dialog 
box. 

Dynamic  font  mapping  is  turned  off  by  default  because  it  increases  performance  time  when  you  are  scripting.  If  you 
are  working  with  multilingual  text,  turn  on  dynamic  font  mapping  because  it  helps  to  ensure  that  the  correct  fonts 
are  used. 
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Use  automatic  indentation 

❖  To  turn  automatic  indentation  on  or  off,  select  or  deselect  Automatic  Indentation  in  the  Preferences  dialog  box. 

When  automatic  indentation  is  turned  on,  the  text  you  type  after  an  opening  parenthesis  “(“  or  opening  curly  brace 
“{“  is  automatically  indented  according  to  the  Tab  Size  setting  in  ActionScript  preferences. 

In  your  scripts,  you  can  indent  a  line  by  selecting  it  and  pressing  Tab.  To  remove  the  indent,  select  the  line  and  press 
Shift+Tab. 


Comment  sections  of  code 

Code  comments  are  parts  of  code  that  the  ActionScript  compiler  ignores.  A  comment  lines  explains  what  your  code  is 
doing,  or  temporarily  deactivates  code  that  you  don’t  want  to  delete.  Comment  a  line  of  code  by  beginning  it  with  a 
double  slash  (II).  The  compiler  ignores  all  text  on  that  line  after  the  double  slash.  You  can  also  comment  larger  blocks 
of  code  by  placing  a  slash  and  asterisk  (/*)  at  the  beginning  of  the  block  and  an  asterisk  and  slash  (*/)  at  the  end  of  the 
block. 

You  can  type  these  comment  markers  manually,  or  you  can  use  buttons  at  the  top  of  the  Actions  panel  or  Script  window 
to  add  them. 

Comment  a  line  of  code 

1  Place  the  insertion  point  at  the  beginning  of  the  line  or  at  the  character  where  you  want  the  comment  to  begin. 

2  Right-click  and  select  Comment.  You  can  also  use  the  keyboard  shortcuts  Ctrl  +  M  (Windows)  or  Command  +  M 
or  go  to  Edit  >  Comment  Selection. 

A  double  slash  (II)  is  placed  at  the  insertion  point. 

Comment  multiple  lines  of  code 

1  Select  the  lines  to  comment.  (The  first  and  last  lines  of  the  selection  can  be  partial  lines.) 

2  Right-click  and  select  Comment.  You  can  also  use  the  keyboard  shortcuts  Ctrl  +  M  (Windows)  or  Command  +  M 
or  go  to  Edit  >  Comment  Selection. 

Block  comment  characters  are  placed  at  the  beginning  (I*)  and  end  (*/)  of  the  selection. 

Note:  If  there  are  comments  in  between  the  selected  lines  of  text,  a  line  comment  will  be  applied  on  all  selected  lines. 

Remove  a  comment 

1  Place  the  insertion  point  in  the  line  that  contains  the  comment,  or  select  the  block  of  code  that  is  commented. 

2  Right-click  and  select  Uncomment.  You  can  also  use  the  keyboard  shortcuts  Ctrl  +  Shift  +  M  (Windows)  or 
Command  +  Shift  +  M  or  go  to  Edit  >  Uncomment  Selection. 


Use  syntax  coloring 

In  ActionScript,  as  in  any  language,  syntax  is  the  way  elements  are  put  together  to  create  meaning.  If  you  use  incorrect 
ActionScript  syntax,  your  scripts  cannot  work. 

To  highlight  syntax  errors,  set  a  color-code  for  parts  of  your  scripts.  For  example,  suppose  you  set  the  syntax  coloring 
preference  to  make  keywords  appear  in  blue.  When  you  type  var,  the  word  var  appears  in  blue.  However,  if  you 
mistakenly  type  vae,  the  word  vae  remains  black,  which  shows  that  you  made  a  typing  error. 
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Do  one  of  the  following: 

•  Select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh),  click  Code  Editor  in  the  Category  list,  and 
specify  Syntax  Coloring  settings. 

•  With  the  insertion  point  in  the  Script  pane,  press  Control-U  (Windows)  or  Command-U  (Macintosh). 

Note:  When  you  write  scripts  in  the  Actions  panel,  commands  that  are  not  supported  by  the  version  of  the  player  you  are 
targeting  appear  in  yellow  in  the  Actions  toolbox.  For  example,  if  the  Flash  Player  SWF  file  version  is  set  to  Flash  7, 
ActionScript  that  only  Flash  Player  8  supports  appears  in  yellow  in  the  Actions  toolbox. 


Using  the  identifier  and  keyword  list  at  runtime 


On  launching  FlashPro,  the  identifier  and  keyword  lists  are  read  from  the  resource  file  and  cached.  Apart  from  reading 
the  default  lists  from  the  resource,  it  also  scans  for  additional  keywords  and  identifier  list  in  the  Preference  folder.  It  is 
possible  for  you  to  add  additional  keywords  and  identifiers  by  adding  ".txt  files"  in  following  folders: 

•  C:\Users\<Username> [ AppData] \Roaming\Adobe\Flash  Pro\13.0 [ ActionscriptKeywords] \ 

•  C:\Users\<UserName> [AppData] \Roaming\Adobe\Flash  Pro\13.0[ActionscriptIdentifiers]\ 

•  C:\Users\<UserName> [AppData] \Roaming\Adobe\Flash  Pro\13.0 [ JavascriptKeywords] \ 

•  C:\Users\<UserName> [AppData] \Roaming\Adobe\Flash  Pro\13.0[JavascriptIdentifiers]\ 


Use  line  numbers  and  word  wrap 

When  you  edit  or  modify  code,  line  numbers  make  code  easier  to  scroll  and  parse.  Word  wrap  helps  you  avoid 
horizontally  scrolling  long  lines  of  code  (especially  when  you  work  in  the  authoring  environment,  or  at  low  screen 
resolutions). 

Enable  or  disable  line  numbers 

•  In  the  Script  window,  select  View  >  Line  Numbers. 

•  Press  Control+Shift+L  (Windows)  or  Command+Shift+L  (Macintosh). 

Highlight  a  specific  line 

•  In  the  Script  window,  select  Edit  >  Go  To  Line. 

Enable  or  disable  line  word  wrap 

•  In  the  Script  window,  select  View  >  Word  Wrap. 

•  Press  Control+Shift+W  (Windows)  or  Command+Shift+W  (Macintosh). 


Display  hidden  characters 

Characters  such  as  spaces,  tabs,  and  line  breaks  are  hidden  in  ActionScript  code.  You  may  need  to  display  these 
characters;  for  example,  you  must  find  and  remove  double-byte  spaces  that  are  not  part  of  a  string  value,  because  they 
cause  compiler  errors. 

•  Press  Control+Shift+8  (Windows)  or  Command+Shift+8  (Macintosh). 

The  following  symbols  are  used  to  display  hidden  characters. 
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Hidden  character 

Symbol 

Single-byte  space 

Double-byte  space 

1 

Tab 

» 

line  break 

31 

Find  text  in  a  script 

The  Find  tool  lets  you  find  and  replace  text  strings  in  your  scripts. 

Note:  To  search  through  text  in  every  script  in  a  Flash  document,  use  the  Movie  Explorer. 

Find  text 

1  In  the  Actions  panel  or  Script  window,  click  Find  ^i'or  press  Control+F  (Windows)  or  Command+F  (Macintosh). 

2  Enter  the  search  string. 

3  Click  Find  Next. 

Find  and  replace  text  in  a  script 

1  In  the  Actions  panel  or  Script  window,  click  Find  ^i'or  press  Control+F  (Windows)  or  Command+F  (Macintosh). 

2  Enter  the  search  string. 

3  In  the  Replace  box,  enter  the  new  string. 

4  Click  Find  Next. 

5  To  replace  the  string,  click  Replace;  to  replace  all  occurrences  of  the  string,  click  Replace  All. 

(Deprecated  with  Flash  Professional  CC)  Repeat  a  search  in  the  Actions  panel 

❖  From  the  panel  menu  ,=  (at  the  upper-right  corner  of  the  Actions  panel),  select  Find  Again. 

(Deprecated  with  Flash  Professional  CC)  Repeat  a  search  in  the  Script  window 

❖  Select  Edit  >  Find  Again. 

(Deprecated  with  Flash  Professional  CC)  Check  syntax  and  punctuation 

You  can  do  a  quick  check  of  your  ActionScript  code  without  publishing  the  FLA  file. 

When  you  check  syntax,  the  current  script  is  checked.  If  the  current  script  calls  ActionScript  classes,  those  classes  are 
also  checked.  Other  scripts  that  might  be  in  the  FLA  file  are  not  checked. 

For  ActionScript  2.0  files,  Check  Syntax  runs  the  code  through  the  compiler,  generating  syntax  and  compiler  errors. 

For  ActionScript  3.0  files,  Check  Syntax  generates  only  syntax  errors.  To  generate  compiler  errors,  such  as  type 
mismatches,  improper  return  values,  and  variable  or  method  name  misspellings,  you  must  use  the  Control  >  Test 
command. 
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Check  syntax 

To  check  syntax,  do  one  of  the  following: 

•  In  the  Actions  panel  or  Script  window,  click  Check  Syntax  ^ . 

•  Click  in  the  Script  pane,  and  then  press  Control+T  (Windows)  or  Command+T  (Macintosh).  Clicking  or  typing  in 
the  Script  pane  gives  it  the  focus.  If  an  object  on  the  Stage  has  the  focus,  the  Transform  panel  opens  instead. 

Syntax  errors  are  listed  in  the  Compiler  Errors  panel. 

Note:  In  an  external  ActionScript  class  file  in  the  Script  window,  the  global  classpath  (AS2)  or  source  path  (AS3)  affects  the 

syntax  check.  Even  if  the  global  classpath  or  source  path  is  set  correctly,  you  might  generate  errors,  because  the  compiler  is 

not  aware  that  this  class  is  being  compiled. 

Check  for  punctuation  balance 

1  Click  between  braces  {},  brackets  [],  or  parentheses  ()  in  your  script. 

2  In  Windows,  press  Control+'  (single  quote);  on  the  Macintosh,  press  Command+'  (single  quote).  The  text  between 
braces,  brackets,  or  parentheses  is  highlighted,  and  you  can  check  that  opening  punctuation  has  corresponding 
closing  punctuation. 


(Deprecated  with  Flash  Professional  CC)  Import  and  export  scripts 

You  can  import  a  script  into  the  Actions  panel  or  Script  window.  You  can  also  export  your  scripts  from  the  Actions 
panel  to  external  ActionScript  files.  (When  you  use  the  Script  window,  exporting  is  unnecessary  because  you  can 
instead  save  the  AS  file.) 

If  text  in  your  scripts  doesn’t  look  as  expected  when  you  open  or  import  a  file,  change  the  import  encoding  preference. 

Import  an  external  AS  file 

1  In  the  Script  pane,  place  the  insertion  point  where  you  want  to  locate  the  first  line  of  the  external  script. 

2  Do  one  of  the  following: 

•  In  the  Actions  panel,  select  Import  Script  from  the  panel  menu,  or  press  Control+Shift+I  (Windows)  or 
Command+Shift+I  (Macintosh). 

•  In  the  Script  window,  select  File  >  Import  Script  or  press  Control+Shift+I  (Windows)  or  Command+Shift+I 
(Macintosh). 

Export  a  script  from  the  Actions  panel 

1  Select  the  script  to  export.  Then  select  Export  Script  from  the  Actions  Panel  menu,  or  press  Control+Shift+X 
(Windows)  or  Command+Shift+X  (Macintosh). 

2  Save  the  ActionScript  (AS)  file. 

Set  text  encoding  options 

1  Select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh),  and  select  ActionScript  in  the  Category 
list. 

2  Set  any  of  these  options: 

Open/Import  Select  UTF-8  Encoding  to  open  or  import  using  Unicode  encoding,  or  select  Default  Encoding  to 
open  or  import  using  the  encoding  form  of  the  language  currently  used  by  your  system. 
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Save/Export  Select  UTF-8  Encoding  to  save  or  export  using  Unicode  encoding,  or  select  Default  Encoding  to  save 
or  export  using  the  encoding  form  of  the  language  currently  used  by  your  system. 

Turn  the  export  encoding  warning  off  or  on 

1  Select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh),  and  select  Warnings  in  the  Category  list. 

2  Select  or  deselect  Warn  On  Encoding  Conflicts  When  Exporting  ActionScript  Files. 

(Deprecated  with  Flash  Professional  CC)  Encoding  for  imported  and  exported 
scripts 

You  can  set  ActionScript  preferences  to  specify  the  type  of  encoding  to  use  in  imported  or  exported  ActionScript  files. 
UTF-8  Encoding  is  8-bit  Unicode  format,  which  lets  you  include  text  in  multiple  languages  in  your  file;  Default 
Encoding  is  the  encoding  supported  by  the  language  your  system  is  currently  using,  also  called  the  traditional  codepage. 

Note:  When  you  use  a  non-English  application  on  an  English  system,  the  Test  Movie  command  fails  if  any  part  of  the  SWF 
file  path  has  characters  that  cannot  be  represented  by  using  the  Multibyte  Character  Sets  (MBCS)  encoding  scheme.  For 
example,  Japanese  paths,  which  work  on  a  Japanese  system,  won’t  work  on  an  English  system.  Be  sure  to  use  English-only 
path  names  on  English  systems.  All  areas  of  the  application  that  use  the  Test  Movie  player  are  subject  to  this  limitation. 


(Deprecated  with  Flash  Professional  CC)  Pin  scripts  in  the  Actions  panel 

If  you  don’t  organize  the  code  within  your  FLA  file  into  one  central  location,  or  if  you’re  using  behaviors,  you  can  pin 
individual  scripts  in  the  Actions  panel  to  move  among  them  more  easily.  To  pin  a  script  means  that  you  can  keep  the 
location  of  the  code  open  in  the  Actions  panel,  and  easily  click  between  open  scripts.  This  can  be  especially  useful  when 
debugging. 

In  the  following  figure,  the  script  associated  with  the  current  location  on  the  timeline  is  on  Frame  1  of  the  layer  named 
Cleanup.  (The  tab  at  the  far  left  always  follows  your  location  along  the  timeline.)  That  script  is  also  pinned  (it  is  shown 
as  the  rightmost  tab).  Two  other  scripts  are  pinned:  one  on  Frame  1  and  the  other  on  Frame  15  of  the  layer  named  Intro. 
You  can  move  among  the  pinned  scripts  by  clicking  the  tabs  or  by  using  keyboard  shortcuts.  Moving  among  pinned 
scripts  does  not  change  your  current  position  on  the  timeline. 

♦]  Cleanup :  1  y  3  Intro  :  1  3  Intro  :  15  3  Cleanup  :  1 


If  the  content  in  the  Script  pane  doesn’t  change  to  reflect  the  location  you  select  on  the  timeline,  the  Script  pane  is 
probably  showing  a  pinned  script.  Click  the  tab  at  the  lower  left  of  the  Script  pane  to  show  the  script  associated  with 
your  location  along  the  timeline. 

Pin  a  script 

1  Click  the  Timeline  so  the  script  appears  in  a  tab  at  the  lower  left  of  the  Script  pane  in  the  Actions  panel. 

2  Do  one  of  the  following: 

•  Click  the  Pushpin  icon  to  the  right  of  the  tab. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  the  tab,  and  select  Pin  Script. 

•  From  the  panel  menu  .  (at  the  upper-right  corner  of  the  Actions  panel),  select  Pin  Script. 
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Unpin  a  script 

•  If  a  pinned  script  appears  in  a  tab  at  the  lower  left  of  the  Script  pane  in  the  Actions  panel,  click  the  Pushpin  icon  on 
the  right  of  the  tab. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  a  tab,  and  select  Close  Script  or  Close  All  Scripts. 

•  From  the  panel  menu  .  =  (at  the  upper-right  corner  of  the  Actions  panel),  select  Close  Script  or  Close  All  Scripts. 

Keyboard  shortcuts  for  pinned  scripts 

When  the  insertion  point  is  in  the  Script  pane,  use  the  following  keyboard  shortcuts  to  work  with  pinned  scripts. 


Action 

Windows  shortcut  key 

Macintosh  shortcut  key 

Pin  script 

Control+=  (equal  sign) 

Command+= 

Unpin  script 

Control+-  (minus  sign) 

Command+- 

Move  focus  to  tab  on  the  right 

Control+Shift+.  (period) 

Command+Shift+. 

Move  focus  to  tab  on  the  left 

Control+Shift+,  (comma) 

Command+Shift+, 

Unpin  all  scripts 

Control+Shift+-  (minus  sign) 

Command+Shift+- 

Insert  target  paths 

Many  script  actions  are  meant  to  affect  movie  clips,  buttons,  and  other  symbol  instances.  In  your  code,  you  can 
reference  symbol  instances  on  a  timeline  by  inserting  a  target  path — the  address  of  the  instance  you  want  to  target.  You 
can  set  either  an  absolute  or  relative  target  path.  An  absolute  path  contains  the  entire  address  of  the  instance.  A  relative 
path  contains  only  the  part  of  the  address  that  is  different  from  the  address  of  the  script  itself  in  the  FLA  file,  and  will 
no  longer  work  if  the  script  is  moved  to  another  location. 

1  In  the  Actions  panel,  click  an  action  in  your  script. 

2  Click  Target  Path  ft^. 

3  Enter  the  path  to  the  target  instance,  or  select  the  target  from  the  list. 

4  Select  either  the  Absolute  or  Relative  path  option. 

Use  code  hints 

When  you  work  in  the  Actions  panel  or  Script  window,  the  software  can  detect  what  action  you  are  entering  and  display 
a  code  hint.  There  are  two  types  of  code  hint:  a  tooltip  that  contains  the  complete  syntax  for  that  action,  and  a  pop-up 
menu  that  lists  possible  ActionScript  elements,  such  as  method  or  property  names  (sometimes  referred  to  as  a  form  of 
code  completion). 

Code  hints  are  enabled  by  default.  By  setting  preferences,  you  can  disable  code  hints  or  determine  how  quickly  they 
appear.  When  code  hints  are  disabled  in  preferences,  you  can  still  manually  display  a  code  hint  for  a  specific  command. 

Note:  If  you  cannot  display  code  hints  for  a  variable  or  object  you  created  in  ActionScript  2.0,  but  code  hints  are  enabled 
in  ActionScript  preferences,  make  sure  you  named  your  variable  or  object  with  the  proper  suffix  or  that  you  used  strict 
typing  for  your  variable  or  object. 

Enabling  code  hinting 

You  can  trigger  code  hints  in  various  ways. 

Strict  typing  for  objects 
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When  you  use  ActionScript  2.0  and  use  strict  typing  for  a  variable  that  is  based  on  a  built-in  class  (such  as  Button,  Array, 
and  so  on),  the  Script  pane  displays  code  hints  for  the  variable.  For  example,  suppose  you  enter  the  following  two  lines 
of  code: 

var  foo: Array  =  new  Array () ; 
foo . 

As  soon  as  you  enter  the  period  (.),  Flash  displays  a  list  of  methods  and  properties  available  for  Array  objects  in  a  pop¬ 
up  menu,  because  you  typed  the  variable  as  an  array. 

Suffixes  and  code  hints 

If  you  use  ActionScript  1 .0  or  you  want  to  display  code  hints  for  objects  without  strictly  typing  them,  add  a  suffix  to  the 
name  of  each  object  when  you  create  it.  For  example,  the  suffix  that  triggers  code  hinting  for  the  Camera  class  is  _cam. 
Suppose  you  type  the  following  code:  var  my_array  =  new  ArrayO;  var  my_cam  =  Camera.get(); 

If  you  then  enter  my_cam  followed  by  a  period,  code  hints  for  the  Camera  object  appear. 

For  objects  that  appear  on  the  Stage,  use  the  suffix  in  the  Instance  Name  box  in  the  Property  inspector.  For  example,  to 
display  code  hints  for  MovieClip  objects,  use  the  Property  inspector  to  assign  instance  names  with  the  _mc  suffix  to  all 
MovieClip  objects.  Then,  whenever  you  type  the  instance  name  followed  by  a  period,  code  hints  appear. 

var  my_array  =  new  Array ( ) ; 
var  my_cam  =  Camera . get ( ) ; 

Although  suffixes  are  not  required  for  triggering  code  hints  when  you  use  strict  typing  for  an  object,  using  suffixes 
consistently  helps  make  your  code  understandable. 

The  following  table  lists  the  suffixes  that  trigger  code  hints  in  ActionScript  2.0: 


Object  type 

Variable  suffix 

Array 

_array 

Button 

_btn 

Camera 

_cam 

Color 

_color 

ContextMenu 

_cm 

ContextMenultem 

_cmi 

Date 

_date 

Error 

_err 

LoadVars 

Jv 

LocalConnection 

Jc 

Microphone 

_mic 

MovieClip 

_mc 

MovieClipLoader 

_mcl 

PrintJob 

_pj 

NetConnection 

_nc 

NetStream 

_ns 

SharedObject 

_so 
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Object  type 

Variable  suffix 

Sound 

_sound 

String 

_str 

TextField 

_txt 

TextFormat 

Video 

_video 

XML 

_xml 

XMLNode 

_xmlnode 

XMLSocket 

xmlsocket 

Comments  and  code  hints 

You  can  also  use  ActionScript  comments  to  specify  an  object’s  class  for  code  hints.  In  the  following  example,  a  comment 
tells  ActionScript  that  the  class  of  the  theObject  instance  is  Object,  and  so  on. 

//  Object  theObject;//  Array  theArray;//  MovieClip  theMC; 

If  you  subsequently  enter  theMC  followed  by  a  period,  code  hints  that  display  the  list  of  MovieClip  methods  and 
properties  appear.  If  you  enter  theArray  followed  by  a  period,  code  hints  that  display  the  list  of  Array  methods  and 
properties  appear,  and  so  on. 

Instead  of  this  technique,  however,  Adobe  recommends  that  you  use  strict  data  typing  or  suffixes,  because  these 
techniques  enable  code  hints  automatically  and  make  your  code  more  understandable. 

Specify  preference  settings  for  automatic  code  hints 

•  In  the  Actions  panel  or  Script  window,  select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh),  click 
Code  Editor  in  the  Category  list,  and  then  enable  or  disable  Code  Hints. 

(Deprecated  with  Flash  Professional  CC)  Specify  a  delay  for  code  hints 

1  In  the  Actions  panel  or  Script  window,  select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh). 

2  Click  ActionScript  in  the  Category  list. 

3  Use  the  slider  to  select  an  amount  of  delay,  in  seconds. 

Use  tooltip-style  code  hints 

1  Display  the  code  hint  by  typing  an  opening  parenthesis  “(“  after  an  element  that  requires  parentheses  (for  example, 
after  a  method  name,  a  command  such  as  if  or  do..while,  and  so  on). 

it  ( _ 

E  1  of  2  E  if  (  condition  )  { 

_ } _ 

my_array . splice ( 

|Array.splice(  index,  count,  element  1,  elementN  )| 


2  Enter  a  value  for  the  parameter. 

For  multiple  parameters,  separate  the  values  with  commas.  For  functions  or  statements,  such  as  the  for  loop, 
separate  the  parameters  with  semicolons. 
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Overloaded  commands  (functions  or  methods  that  can  be  invoked  with  different  sets  of  parameters)  such  as 
gotoAndPlayO  or  for  display  an  indicator  that  lets  you  select  the  parameter  you  want  to  set.  To  select  the  parameter, 
click  the  small  arrows  or  press  Control+Left  Arrow  and  Control+Right  Arrow. 

for  ( 


H  1  of  2  E  for  ( init;  condition;  next )  { 
} 

[±|  2  of  2  E  for  (  ^iterator#  in  $object$ )  ■( 

> 

3  To  dismiss  the  code  hint,  do  one  of  the  following: 

•  Type  a  closing  parenthesis  “)”. 

•  Click  outside  the  statement. 

•  Press  Escape. 

Use  menu-style  code  hints: 

1  Display  the  code  hint  by  typing  a  period  after  a  variable  or  object  name. 


my_mc . 

®.  _accProps 
(*)  _alpha 
(*)  _currentframe 
(a)  _droptarget 
(*)  _focusrect 
(S)  _framesloaded 
(3)  _height 
(*)  Jockroot 


2  To  navigate  through  the  code  hints,  use  the  Up  and  Down  Arrow  keys. 

3  To  select  an  item  in  the  menu,  press  Enter  or  Tab,  or  double-click  the  item. 

4  To  dismiss  the  code  hint,  do  one  of  the  following: 

•  Select  one  of  the  menu  items. 

•  Click  above  or  below  the  menu  window. 

•  Type  a  closing  parenthesis  “)”  if  you’ve  already  typed  an  opening  parenthesis 

•  Press  Escape. 

Manually  display  a  code  hint 

1  Click  in  a  code  location  where  code  hints  can  appear,  such  as  in  the  following  locations: 

•  After  the  dot  (.)  following  a  statement  or  command,  where  a  property  or  method  must  be  entered 

•  Between  parentheses  [()]  in  a  method  name 

2  Do  one  of  the  following: 

•  To  enable  Code  Hinting  manually,  select  View  >  Show  Code  Hint. 

•  Press  Control+Spacebar  (Windows)  or  Command-i- Spacebar  (Macintosh). 
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Code  hinting  for  custom  classes 

When  you  create  custom  ActionScript  3.0  classes,  Flash  parses  the  classes  and  determines  the  objects,  properties,  and 
methods  included  in  them.  Flash  can  then  provide  code  hinting  when  you  write  code  that  refers  to  the  custom  classes. 
Custom  class  code  completion  is  automatic  for  any  class  that  you  link  to  any  other  code  with  the  import  command. 

Code  hinting  allows  developers  to  work  faster  because  they  don’t  have  to  remember  all  of  the  objects,  methods,  and 
properties  used  by  the  class.  Designers  can  work  with  classes  they  did  not  write  themselves  because  they  don’t  have  to 
have  first  hand  knowledge  of  how  to  work  with  the  class. 

Code  hinting  includes  the  following: 

•  Code  hinting  for  nested  class  references 

When  you  write  nested  references,  the  continued  assistance  of  code  hints  is  helpful. 

•  Code  hinting  for  “this” 

When  you  type  “this”  in  a  class  file,  you  get  code  hints  for  that  same  class. 

•  Code  hinting  for  “new+<space>” 

When  you  type  “new+<space>”,  Flash  displays  a  list  of  available  classes  and  packages. 

•  Code  hinting  for  “import” 

When  you  type  “import  +  <space>”,  Flash  displays  a  list  of  all  the  built-in  packages  and  custom  packages. 

•  Code  hinting  for  SWC  libraries 

When  you  add  a  SWC  library  to  the  library  path  or  the  external  library  path,  Flash  enables  code  hinting  for  all  the 
classes  included  in  the  SWC  file. 

More  Help  topics 


Use  the  Movie  Explorer 
Objects  and  classes 

Compiling  and  exporting  classes  (ActionScript  2.0) 
Debugging  ActionScript  3.0 
Debugging  ActionScript  1.0  and  2.0 
Data  types 

Data  type  descriptions 


Enabling  Support  for  Custom  Platforms 

This  article  guides  the  plug-in  developers  on  how  to  create  Flash  Professional  plug-ins  to  support  custom  platforms.  To 
build  a  custom  platform  support  plug-in,  developers  must  download  the  Custom  Platform  Support  Development  Kit 
from  the  following  location: 

Download  a  sample  plug-in  from  the  following  location  and  use  it  as  a  reference  for  building  a  custom  support  platform 
support  plug-in: 
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CustomPlatformSupportDevelopmentKit.zipSampleCreateJSPlatform.zip 
A  plug-in  consists  of  the  following  elements: 

•  DocType  adds  a  new  document  type  for  the  custom  platform  in  Flash  Professional  and  controls  the  authoring 
features. 

•  Publisher  allows  configuration  of  the  publish  settings  and  publishing  the  document  to  the  custom  platform. 
For  an  overview  of  the  Custom  Platform  Support  feature,  see  Custom  Platform  Support. 


Building  a  Flash  custom  platform  support  plug-in 

You  can  develop  a  custom  platform  support  plug-in  using  one  of  the  following  methods: 

•  Create  a  plug-in  using  the  APIs  in  the  custom  platform  support  development  kit. 

•  Customize  the  settings  of  the  sample  plug-in  included  in  the  development  kit  to  suit  your  requirements. 

Custom  Platform  Support  plug-ins  are  packaged  as  .zxp  files  that  can  be  installed  with  Flash  Professional  CC.  You  can 
host  the  plug-in  on  the  Adobe  Add-ons  page  for  users  to  download  and  install  using  the  Creative  Cloud  application  or 
distribute  the  plug-ins  as  .zxp  packages  to  install  them  using  Adobe  Extensions  Manager. 


Software  requirements 

A  developer  needs  the  following  software  to  build  a  plug-in  using  the  custom  platform  support  development  kit. 

•  Microsoft  Windows  7  or  Apple  Mac  OS  10.8  and  later 

•  Microsoft  Visual  Studio  2012  (for  Windows)  or  XCode  4.5.2  (for  Mac) 

•  Flash  Professional  CC  2014.1  (October) 

•  Eclipse  IDE  for  C / C++  Developers 

•  Adobe  Extension  Builder  3.0 

•  Adobe  Extension  Manager  7.2.1 .6 

API  reference  documentation  for  plug-in  developers 

The  custom  platform  support  development  kit  contains  the  following  elements: 

•  FCM  (Flash  Component  Model):  The  header  files  contained  in  the  development  kit  define  a  framework  called  FCM, 
which  is  responsible  for  plug-in  management. 

•  DocType:  This  contains  a  set  of  interfaces  that  helps  you  to  add  a  new  document  type  to  the  Flash  start  page  and 
allows  you  to  enable  or  disable  features  for  the  custom  document  type. 

•  DOM  (Document  Object  Model):  This  contains  a  set  of  interfaces  that  helps  you  to  access  the  contents  of  the  flash 
document  in  the  form  of  a  DOM. 

•  Publisher:  This  contains  a  set  of  interfaces  that  provides  hooks  to  the  publish  workflows. 

For  complete  information  about  the  APIs  in  the  custom  platform  support  and  examples  of  how  to  use  them  to  build 
your  plug-in,  see  Custom  Platform  Support  API  Reference. 

Creating  a  custom  platform  support  plug-in 

You  can  create  a  custom  platform  support  plug-in  as  follows: 

1  Download  the  Custom  Platform  Support  Development  Kit. 
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2  Extract  the  contents  of  the  kit  to  your  computer. 

3  Open  a  new  project  in  VisualStudio  or  Xcode  and  include  the  header  files  in  the  development  kit  to  your  software 
development  project.  To  quick-start  the  creation  of  your  custom  platform  support  plug-in,  you  can  use  the  following 
sample  plug-in  available  under  the  SampleCreateJSPlatform  directory  as  the  base  code  for  your  plug-in  project. 

For  example,  the  SampleCreateJS  plug-in  files  are  at  SampleCreateJSPlatform\Plugin\SampleCreateJS\project\ 

4  Make  necessary  changes  for  your  target  platform. 

5  Compile  the  code  to  generate  a  plug-in  (.dll  or  .plug-in). 

Packaging  the  custom  platform  support  plug-in 

You  can  generate  a  distributable  package  of  the  custom  platform  support  plug-in  as  follows: 

1  Open  the  sample  Eclipse  file  or  in  the  Eclipse  New  Project  wizard,  create  a  new  Application  Extension  Project. 
Provide  a  name  for  the  project,  then  click  Next. 

2  On  the  New  Adobe  Application  Extension  Project  panel,  choose  Adobe  Flash  as  the  target  application  and  click 
Next. 

3  Change  the  extensions  of  the  plug-in  files  that  you  had  created  from  .dll  to  .fcm  on  Windows  and  from  .plug-in  to 
.fcm.plug-in  on  Mac  and  add  the  plug-in  files  to  the  project  (ExtensionContent/plugins/lib/win  for  Windows  and 
ExtensionContent/plugins/lib/mac  for  MAC). 

4  Configure  your  extension  by  modifying  the  manifest.xml.  To  open  the  manifest  file,  right-click  on  the  extension  in 
project  explorer  and  select  Adobe  Extension  Builder  3  >  Bundle  Manifest  Editor  and  select  the  the  manifest  tab  in 
Bundle  Manifest  Editor  present  at  EclipseProject\.staged-extension\CSXS. 

5  To  enable  editing  the  manifest.xml,  right-click  inside  the  window  and  select  Open  with  >  XML  editor.  The  two  tags 
that  you  must  concentrate  on  are:  ExtensionList  and  DispatchlnfoList: 

A  typical  ExtensionList  tag  looks  as  below: 

<ExtensionList> 

<Extension  IcU " PluginID"  Version= " 1 . 0 "  /> 

<Extension  Id="PublishSettingsID"  Version- " 1 . 0 "  /> 

< /ExtensionList> 


This  tag  contains  the  list  of  extensions  in  the  final  ZXP  package  in  which  each  extension  has  a  unique  string  as  its  ID. 
In  this  case,  the  .dll  or  .plugin  file  created  in  the  previous  section  is  included  in  an  extension.  Then,  the  other  extension 
is  used  for  configuring  the  Publish  Settings  UI  of  the  Publisher.  In  the  sample,  ExtensionList  tag  the  extension  with  the 
extension  ID  PluginID  contains  the  .dll/.plugin  file  and  the  extension  with  the  ID  PublishSettingsID  configures  the 
publish  pettings  UI  of  the  publisher. 


❖  The  DispatchlnfoList  tag  contains  details  about  each  extension  mentioned  in  the  ExtensionList.  The  following  is  an 
example  of  DispathlnfoList: 
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<DispatchInf oList> 

<Extension  Id="PluginID" > 

<DispatchInf o  > 

<Resources> 

<MainPath> . /plugin/f cm.xml</MainPath> 

< /Resources > 

<Lif ecycle> 

<AutoVisible>true</AutoVisible> 

</Lif ecycle> 

<UI> 

<Type >ModalDialog< /Type > 

<Menu>CreateJS</Menu> 

<Geometry> 

<Size> 

<Height>200</Height> 

<Width>200</Width> 

</Size> 

< /Geometry > 

</UI> 

</DispatchInf o> 

</Extension> 

<Extension  Id= " PublishSettingsID" > 

<DispatchInf o  > 

<Resources> 

<MainPath> . / index . html</MainPath> 

</Resources> 

<Lif ecycle> 

<AutoVisible>true</AutoVisible> 

</Lif ecycle> 

<UI> 

<Type >ModalDialog< /Type > 

<Menu>Publish  Settings</Menu> 

<Geometry> 

<Size> 

<Height >17 0< /Height > 

<Width>486</Width> 

</Size> 

</Geometry> 

</UI> 

</DispatchInfo> 

</Extension> 

</DispatchInf oList> 

1  For  the  extension  containing  the  .dll  or  the  .plugin  file,  you  can  ignore  all  the  tags  except  the  MainPath  tag.  The 
MainPath  tag  contains  path  to  the  file  fcm.xml  relative  to  the  ExtensionContent  folder.  You  must  rename  the  .dll  file 
to  .fern  and  placed  inside  the  win  folder  beside  the  fcm.xml.  Similarly,  if  you  are  working  on  the  Mac  environment, 
rename  the  .plugin  file  to  .fcm.plugin  and  place  it  inside  the  mac  folder  beside  the  fcm.xml. 

2  The  HTML  extension  to  configure  the  publish  settings  user  interface  is  an  HTML  extension  to  Flash  Pro.  To  know 
more  about  HTML  extensions  to  Flash  Pro,  see  Creating  HTML  extensions. 

3  Ensure  that  the  lower  value  of  the  version  attribute  in  the  Host  tag  is  14.0,  the  minimum  (inetrnal)  version  of  Flash 
Professional  CC  with  Custom  Platform  Support. 
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<  Exe  cut ionEnvi r onment  > 

<HostList> 

<Host  Name="FLPR"  Version=" 14 . 0 "  /> 
</HostList> . 


< / Exe  cut ionEnvi r onment  > 

1  Switch  to  the  Script  Explorer  view,  right-click  on  your  project  and  choose  Export  >  Adobe  Extension  Builder  3  > 
Application  Extension.  The  Export  Wizard  appears. 

2  You  must  have  a  certificate  to  sign  the  extension  package.  Browse  to  an  existing  certificate  or  click  Create  to  create 
a  new  certificate. 

3  Click  Finish  to  compile  the  project.  Eclipse  generates  a  plug-in  file  with  .zxp  extension,  which  you  can  host  on  the 
Adobe  Add-ons  site. 


Distributing  your  custom  platform  support  plug-in 

You  can  distribute  the  custom  platform  support  plug-in  by  hosting  it  on  the  Adobe  Add-ons  page  and  monetize  it.  Your 
plug-in  package  goes  through  an  Adobe  review  and  approval  process  before  it  is  listed  on  the  page.  You  can  host  a  plug¬ 
in  as  follows: 

1  Log  in  to  the  Adobe  Add-ons  page  using  your  Adobe  user  ID  and  password. 

2  On  the  left  panel,  under  Become  a  producer,  click  the  link  Go  to  the  producer  portal. 

3  Click  the  Sign-up  button  if  you  are  not  signed  up  as  a  producer. 

4  For  detailed  instructions  on  how  to  sign  up  as  a  producer  and  host  your  plug-ins,  see  Getting  Started  with  the 
Producer  Portal. 

5  Complete  the  following  steps  in  the  producer  portal  workflow  as  documented  in  the  Getting  Started  page: 

1  Package  your  product  in  a  single  file. 

2  Enter  information  about  the  product  and  upload  the  file. 

3  Add  marketing  assets. 

4  Preview  your  product. 

5  Submit  your  product  for  approval. 

6  After  approval,  your  plug-in  is  listed  under  the  Flash  Pro  product  category  on  the  Add-ons  page. 

•  If  you  are  a  user  who  wants  to  install  a  plug-in,  create  a  custom  platform  document,  and  publish  it  using  Flash 
Professional,  see  Working  with  Custom  Platform  Support  Plug-in. 

•  For  complete  information  about  managing  Adobe  extensions,  see  Downloading  and  Installing  Extensions  . 

Feature  requests  and  bug  reporting 

Fill  the  following  form  if  you  want  to  send  any  questions,  concerns,  product  bugs,  or  feature  requests  to  the  Flash 
Professional  product  team: 

Adobe  Feature  Requests  and  Bug  Report  Form 
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Working  with  Custom  Platform  Support  Plug-in 

Custom  Platform  Support  plug-ins  extend  the  Flash  Professional  functionality  to  platforms  that  Flash  does  not  support 
by  default.  Installing  a  custom  platform  support  plug-in  allows  you  to  create  graphics  and  animation  in  Flash  and 
publish  them  the  format  that  the  plug-in  supports.  You  can  take  advantage  of  the  powerful  graphics  and  animation  tools 
in  Flash  to  create  your  work  in  any  platform  of  your  choice,  if  you  have  a  platform  support  plug-in  for  the  that  platform. 
To  enable  this  capability,  install  the  plug-in  for  the  platform  with  Flash  Professional  using  one  of  the  following  methods: 

•  Download  the  plug-in  from  the  Adobe  Add-ons  page  and  install  it  using  the  Creative  Cloud  application. 

•  If  you  have  the  plug-in  as  a  ZXP  package,  install  it  using  the  Adobe  Extension  Manager  application. 

Once  installed,  the  plug-in  adds  a  new  document  type  to  Flash.  You  can  use  a  set  of  tools  that  the  plug-in  has  enabled 
for  the  platform  to  create  your  work.  While  publishing  your  work,  Flash  Professional  uses  the  publish  settings 
configured  for  the  custom  platform. 


Installing  a  custom  platform  support  plug-in  from  the  Add-ons  page 

You  can  acquire  a  custom  platform  support  plug-in  from  the  Adobe  Add-ons  site  and  install  it  as  follows: 

1  Install  and  launch  the  Adobe  Creative  Cloud  application. 

2  Log  in  to  the  Adobe  add-ons  page  with  your  Adobe  ID  and  password. 

3  On  the  left  panel,  click  Flash  Pro.  The  Flash  Pro  add-ons  available  for  purchase/ download  are  listed. 

4  Select  the  plug-in  that  supports  your  custom  platform  to  view  the  details  such  as  features  supported  and 
compatibility. 

5  On  the  add-on  details  page,  purchase  or  download  the  plug-in.  The  plug-in  is  listed  on  the  Adobe  Creative  Cloud 
app  installed  on  your  computer  and  a  notification  appears  if  it  is  successfully  installed. 

6  Launch  Flash  Professional.  The  start  page  lists  the  custom  platform  as  one  of  the  document  types. 


Flash  Professional 


w  Open  Recent  Item 

Open. 


!■  Templates  » 

B3  Adobe  Exchange  » 


h  Create  New 

HTML5  Canvas 

ActionScript  3.0 
AIR  for  Desktop 
AIR  for  Android 


ActionScript  3.0  Class 
ActionScript  3 


Flash  JavaScript  File 


O  Introduction 

Getting  Started  » 
New  F 


©  Learn 

Fla 


CreateJS  Developer  Center  b 
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Installing  the  ZXP  plug-in  file 

If  you  have  the  plug-in  as  a  ZXP  file,  complete  the  following  procedure  to  install  the  plug-in: 


1  Ensure  that  you  have  installed  Flash  Professional  CC  2014.1  or  a  later  version. 

2  Download  the  Adobe  Extension  Manager  CC  plug-in  from  the  Adobe  Exchange  page  and  install  it  on  your 
computer. 

3  Double-click  the  <plug-in>.zxp  file.  The  Adobe  Extension  Manager  window  appears. 

4  The  Adobe  Extension  Manager  displays  the  plug-in  under  Extensions  if  the  plug-in  is  successfully  installed. 


Description  Advanced 

There  is  no  description  available  for  this  extension. 


Creating  and  publishing  a  custom  platform  document 

Use  the  following  procedure  to  create  and  publish  a  document  for  a  custom  platform: 

1  Choose  File  >  New. 

2  In  the  New  Document  dialog  box,  select  the  new  document  type  added  by  the  custom  platform  plug-in  and  click 
OK.  You  can  see  the  following  changes: 

•  The  document  title  displays  <document-name>  (Custom) 

•  The  Properties  panel  displays  the  plug-in  name  along  with  publish  settings  and  properties. 

•  The  tools  panel  displays  the  tools  enabled  by  the  plug-in. 

3  Use  the  Flash  authoring  tools  to  create  your  animation  content. 

4  To  view  or  change  the  publish  settings  for  the  custom  platform,  choose  File  >  Publish  Settings. 
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5  Choose  File  >  Publish  to  publish  your  document. 


Note: 

•  If  you  are  a  developer  who  wants  to  create  plug-ins  to  support  a  custom  platform  on  Flash  Professional,  you  can  refer 
to  the  Custom  Platform  Support. 

•  For  complete  information  about  managing  Adobe  extensions,  see  Downloading  and  Installing  Extensions  . 


Best  practices  -  Organizing  ActionScript  inan 
application 


Keeping  actions  together 

Whenever  possible,  put  your  ActionScript*  in  a  single  location.  Organizing  your  code  in  one  place  helps  you  edit 
projects  more  efficiently,  because  you  can  avoid  searching  in  different  places  when  you  debug  or  modify  the 
ActionScript.  If  you  put  code  in  a  FLA  file,  put  ActionScript  on  Frame  1  or  Frame  2  in  a  layer  called  actions  on  the 
topmost  layer  in  the  Timeline.  Alternatively,  you  might  put  all  of  your  code  in  ActionScript  files.  Some  Flash 
Professional  applications  do  not  always  put  all  code  in  a  single  place  (in  particular,  ActionScript  2.0-based  applications 
that  use  screens  or  behaviors). 

You  can  usually  put  all  your  code  in  the  same  location  (on  a  frame,  or  in  ActionScript  files),  with  the  following 
advantages: 

•  Code  is  easy  to  find  in  a  potentially  complex  source  file. 
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•  Code  is  easy  to  debug. 


Attaching  code  to  objects 

Avoid  attaching  ActionScript  to  objects  in  a  FLA  file,  even  in  simple  SWF  files.  (Only  ActionScript  1.0  and  2.0.  can  be 
attached  to  objects;  ActionScript  3.0  cannot.)  Attaching  code  to  an  object  means  that  you  select  a  movie  clip, 
component,  or  button  instance;  open  the  Actions  panel;  and  add  ActionScript  using  the  on()  or  onClipEventf)  handler 
functions. 

Attaching  ActionScript  code  to  objects  is  strongly  discouraged  for  the  following  reasons: 

•  It  is  difficult  to  locate,  and  the  FLA  files  are  difficult  to  edit. 

•  It  is  difficult  to  debug. 

•  ActionScript  that  is  written  on  the  timeline  or  in  classes  is  more  elegant  and  easier  to  build  upon. 

•  It  encourages  poor  coding  style. 

•  The  contrast  between  two  styles  of  coding  can  be  confusing  to  people  learning  ActionScript;  it  forces  students  and 
readers  to  learn  different  coding  styles,  additional  syntax,  and  a  poor  and  limited  coding  style. 

Avoid  attaching  ActionScript  2.0  to  a  button  called  myButton_btn,  which  looks  like  the  following: 

on  (release)  {  //do  something  } 

However,  placing  ActionScript  2.0  with  the  same  purpose  on  the  timeline  (which  is  encouraged),  looks  like  the 
following  code: 

myButton_btn.onRelease  =  function()  { //do  something  }; 

note:  Different  practices  apply  when  using  behaviors,  which  sometimes  involves  attaching  code  to  objects. 

More  Help  topics 

Best  practices  -  Behaviors  conventions 

Using  the  MVC  design  pattern 
Organizing  files  and  storing  code 
Comparing  timeline  code  with  object  code 

Enabling  Support  for  Custom  Platforms 

This  article  guides  the  plug-in  developers  on  how  to  create  Flash  Professional  plug-ins  to  support  custom  platforms 
using  Flash  Professional  CC  2014.2.  If  you  are  using  Flash  Professional  CC  2014.1  (October  2014  update),  see  the 
Enabling  Support  for  Custom  Platforms. 

To  build  a  custom  platform  support  plug-in,  developers  must  download  the  Custom  Platform  Support  Development 
Kit  from  the  following  location: 

CustomPlatformSupportDevelopmentKit.zip 

Download  a  sample  plug-in  from  the  following  location  and  use  it  as  a  reference  for  building  a  custom  support  platform 
support  plug-in: 

SampleCreateJSPlatform.zip 
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A  plug-in  consists  of  the  following  elements: 

•  DocType  adds  a  new  document  type  for  the  custom  platform  in  Flash  Professional  and  controls  the  authoring 
features. 

•  Publisher  allows  configuration  of  the  publish  settings  and  publishing  the  document  to  the  custom  platform. 

For  an  overview  of  the  Custom  Platform  Support  feature,  see  Custom  Platform  Support. 

New  in  Flash  Professional  CC  2015: 

•  Ability  to  query  the  type  of  a  library  symbol:  In  case  of  symbols,  ILibraryItem::GetProperties()  will  have  an 
additional  entry  with  the  key  as  kLibProp_SymbolType_DictKey.  The  value  of  key  can  be 
kLibProp_SymbolType_Button,  kLibProp_SymbolType_MovieClip,  or  kLibProp_SymbolType_Graphic. 

•  Ability  to  distinguish  between  button  and  MovieClip:  Until  the  previous  release,  the  button  instances  were  treated 
as  MovieClips  by  both  the  DOM  and  the  IFrameCommandGenerator  service.  Starting  with  Flash  Pro  CC  2015,  an 
interface  has  been  added  to  support  button  instances.  If  the  IMovieClip  instance  also  implements  the  IButton 
interface,  then  it  is  treated  as  a  button  instance.  The  four  states  of  a  button  namely,  Up,  Over,  Down,  and  Hit  are 
always  mapped  to  the  frames  0,  1,2,  and  3  respectively.  See  the  file  IButton.h  to  know  more  about  the  button 
instance. 

•  New  API  to  get  the  bounds  of  IClassicText  objects:  The  AddClassicText  function  in  ITimelineBuilder  interface 
now  returns  an  object  of  CLASSIC_TEXT_INFO_2  (instead  of  the  old  CLASSIC_TEXT_INFO),  which  contains  a 
new  field  "bounds"  representing  the  bounds  of  the  IClassicText  object. 

•  The  sample  plug-in  has  been  modified  to  reuse  the  bitmaps  used  for  shape  fills. 

•  Mongoose  web  server  has  been  integrated  to  the  sample  plug-in. 

Note:  The  new  IK  bone  tool  available  in  Flash  Professional  CC  2015  release  is  disabled  in  Custom  Platform  document 

types.  Flash  converts  the  IK  content  to  frame-by-frame  animation  when  you  paste  it  into  a  custom  platform  document. 

February  2015  update:  Support  for  “masks”  in  IFrameCommandGenerator  service— This  release  supports  masks  in 

the  IFrameCommandGenerator  service.  The  new  interface  ITimelineBuilder2  that  is  inherited  from  the  existing 

ITimelineBuilder  interface  contains  the  functions  that  the  plugin  has  to  implement  to  make  this  feature  work.  See  the 

Custom  Platform  Support  API  documentation  to  know  more  about  the  new  ITimelineBuilder2  interface. 


Building  a  Flash  custom  platform  support  plug-in 

You  can  develop  a  custom  platform  support  plug-in  using  one  of  the  following  methods: 

•  Create  a  plug-in  using  the  APIs  in  the  custom  platform  support  development  kit. 

•  Customize  the  settings  of  the  sample  plug-in  included  in  the  development  kit  to  suit  your  requirements. 

Custom  Platform  Support  plug-ins  are  packaged  as  .zxp  files  that  can  be  installed  with  Flash  Professional  CC.  You  can 
host  the  plug-in  on  the  Adobe  Add-ons  page  for  users  to  download  and  install  using  the  Creative  Cloud  application  or 
distribute  the  plug-ins  as  .zxp  packages  to  install  them  using  Adobe  Extensions  Manager. 


Software  requirements 

A  developer  needs  the  following  software  to  build  a  plug-in  using  the  custom  platform  support  development  kit: 

•  Microsoft  Windows  7  or  Apple  Mac  OS  10.8  and  later 

•  Microsoft  Visual  Studio  2012  (for  Windows)  or  XCode  4.5.2  (for  Mac) 

•  Flash  Professional  CC  2014.1  and  above 
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•  Eclipse  IDE  for  C / C++  Developers 

•  Adobe  Extension  Builder  3.0 

•  Adobe  Extension  Manager  7.2.1 .6 

API  reference  documentation  for  plug-in  developers 

The  custom  platform  support  development  kit  contains  the  following  elements: 

•  FCM  (Flash  Component  Model):  The  header  files  contained  in  the  development  kit  define  a  framework  called  FCM, 
which  is  responsible  for  plug-in  management. 

•  DocType:  This  contains  a  set  of  interfaces  that  helps  you  to  add  a  new  document  type  to  the  Flash  start  page  and 
allows  you  to  enable  or  disable  features  for  the  custom  document  type. 

•  DOM  (Document  Object  Model):  This  contains  a  set  of  interfaces  that  helps  you  to  access  the  contents  of  the  flash 
document  in  the  form  of  a  DOM. 

•  Publisher:  This  contains  a  set  of  interfaces  that  provides  hooks  to  the  publish  workflows. 

For  complete  information  about  the  APIs  in  the  custom  platform  support  and  examples  of  how  to  use  them  to  build 

your  plug-in,  see  Custom  Platform  Support  API  Reference. 

Creating  a  custom  platform  support  plug-in 

You  can  create  a  custom  platform  support  plug-in  as  follows: 

1  Download  the  Custom  Platform  Support  Development  Kit. 

2  Extract  the  contents  of  the  kit  to  your  computer. 

3  Open  a  new  project  in  VisualStudio  or  Xcode  and  include  the  header  files  in  the  development  kit  to  your  software 
development  project.  To  quick-start  the  creation  of  your  custom  platform  support  plug-in,  you  can  use  the  following 
sample  plug-in  available  under  the  SampleCreateJSPlatform  directory  as  the  base  code  for  your  plug-in  project. 

For  example,  the  SampleCreateJS  plug-in  files  are  at  SampleCreateJSPlatform\Plugin\SampleCreateJS\project\ 

4  Make  necessary  changes  for  your  target  platform. 

5  Compile  the  code  to  generate  a  plug-in  (.dll  or  .plug-in). 

Packaging  the  custom  platform  support  plug-in 

You  can  generate  a  distributable  package  of  the  custom  platform  support  plug-in  as  follows: 

1  Open  the  sample  Eclipse  file  or  in  the  Eclipse  New  Project  wizard,  create  a  new  Application  Extension  Project. 
Provide  a  name  for  the  project,  then  click  Next. 

2  On  the  New  Adobe  Application  Extension  Project  panel,  choose  Adobe  Flash  as  the  target  application  and  click 
Next. 

3  Change  the  extensions  of  the  plug-in  files  that  you  had  created  from  .dll  to  .fcm  on  Windows  and  from  .plug-in  to 
.fcm.plug-in  on  Mac  and  add  the  plug-in  files  to  the  project  (ExtensionContent/plugins/lib/win  for  Windows  and 
ExtensionContent/plugins/lib/mac  for  MAC). 

4  Configure  your  extension  by  modifying  the  manifest.xml.  To  open  the  manifest  file,  right-click  on  the  extension  in 
project  explorer  and  select  Adobe  Extension  Builder  3  >  Bundle  Manifest  Editor  and  select  the  manifest  tab  in 
Bundle  Manifest  Editor  present  at  EclipseProject\.staged-extension\CSXS. 

5  To  enable  editing  the  manifest.xml,  right-click  inside  the  window  and  select  Open  with  >  XML  editor.  The  two  tags 
that  you  must  concentrate  on  are:  ExtensionList  and  DispatchlnfoList: 
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A  typical  ExtensionList  tag  looks  as  below: 

<ExtensionList> 

<Extension  Id=" PluginID"  Version=" 1 . 0 "  /> 
<Extension  Id="PublishSettingsID"  Version- "1 . 0 "  /> 
</ExtensionList> 


This  tag  contains  the  list  of  extensions  in  the  final  ZXP  package  in  which  each  extension  has  a  unique  string  as  its  ID. 
In  this  case,  the  .dll  or  .plugin  file  created  in  the  previous  section  is  included  in  an  extension.  Then,  the  other  extension 
is  used  for  configuring  the  Publish  Settings  UI  of  the  Publisher.  In  the  sample,  ExtensionList  tag  the  extension  with  the 
extension  ID  PluginID  contains  the  .dll/.plugin  file  and  the  extension  with  the  ID  PublishSettingsID  configures  the 
publish  pettings  UI  of  the  publisher. 


❖  The  DispatchlnfoList  tag  contains  details  about  each  extension  mentioned  in  the  ExtensionList.  The  following  is  an 
example  of  DispatchlnfoList: 

<DispatchInf oList> 

<Extension  Id= " PluginID" > 

<DispatchInf o  > 

<Resources> 

<MainPath> . /plugin/ f cm.xml</MainPath> 

</Resources> 

<Lif ecycle> 

<AutoVisible>true</AutoVisible> 

</Lifecycle> 

<UI> 

<Type >ModalDialog< /Type > 

<Menu>CreateJS</Menu> 

<Geometry> 

<Size> 

<Height>200</Height> 

<Width>200</Width> 

</Size> 

</Geometry> 

</UI> 

</DispatchInfo> 

</Extension> 

<Extension  Id= " PublishSettingsID" > 
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<DispatchInf o  > 

<Resources> 

<MainPath> . / index . html</MainPath> 

< /Resources > 

<Lif ecycle> 

<AutoVisible>true</AutoVisible> 

</Lif ecycle> 

<UI> 

<Type >ModalDialog< /Type > 

<Menu>Publish  Settings</Menu> 

<Geometry> 

<Size> 

<Height >17 0< /Height > 

<Width>486</Width> 

</Size> 

</Geometry> 

</UI> 

</DispatchInfo> 

</Extension> 

</DispatchInf oList> 

1  For  the  extension  containing  the  .dll  or  the  .plugin  file,  you  can  ignore  all  the  tags  except  the  MainPath  tag.  The 
MainPath  tag  contains  path  to  the  file  fcm.xml  relative  to  the  ExtensionContent  folder.  You  must  rename  the  .dll  file 
to  .fern  and  placed  inside  the  win  folder  beside  the  fcm.xml.  Similarly,  if  you  are  working  on  the  Mac  environment, 
rename  the  .plugin  file  to  .fcm.plugin  and  place  it  inside  the  mac  folder  beside  the  fcm.xml. 

2  The  HTML  extension  to  configure  the  publish  settings  user  interface  is  an  HTML  extension  to  Flash  Pro.  To  know 
more  about  HTML  extensions  to  Flash  Pro,  see  Creating  HTML  extensions. 

3  Ensure  that  the  lower  value  of  the  version  attribute  in  the  Host  tag  is  14.1,  the  minimum  (internal)  version  of  Flash 
Professional  CC  with  Custom  Platform  Support. 

<  Exe  cu t i onEnvi r onment  > 

<HostList> 

<Host  Name="FLPR"  Version= " 15 . 0 "  /> 

</HostList> . 


< / Exe  cu t i onEnvi r onment  > 

1  Switch  to  the  Script  Explorer  view,  right-click  on  your  project  and  choose  Export  >  Adobe  Extension  Builder  3  > 
Application  Extension.  The  Export  Wizard  appears. 

2  You  must  have  a  certificate  to  sign  the  extension  package.  Browse  to  an  existing  certificate  or  click  Create  to  create 
a  new  certificate. 

3  Click  Finish  to  compile  the  project.  Eclipse  generates  a  plug-in  file  with  .zxp  extension,  which  you  can  host  on  the 
Adobe  Add-ons  site. 


Distributing  your  custom  platform  support  plug-in 

You  can  distribute  the  custom  platform  support  plug-in  by  hosting  it  on  the  Adobe  Add-ons  page  and  monetize  it.  Your 
plug-in  package  goes  through  an  Adobe  review  and  approval  process  before  it  is  listed  on  the  page.  You  can  host  a  plug¬ 
in  as  follows: 

1  Log  in  to  the  Adobe  Add-ons  page  using  your  Adobe  user  ID  and  password. 

2  On  the  left  panel,  under  Become  a  producer,  click  the  link  Go  to  the  producer  portal. 
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3  Click  the  Sign-up  button  if  you  are  not  signed  up  as  a  producer. 

4  For  detailed  instructions  on  how  to  sign  up  as  a  producer  and  host  your  plug-ins,  see  Getting  Started  with  the 
Producer  Portal. 

5  Complete  the  following  steps  in  the  producer  portal  workflow  as  documented  in  the  Getting  Started  page: 

1  Package  your  product  in  a  single  file. 

2  Enter  information  about  the  product  and  upload  the  file. 

3  Add  marketing  assets. 

4  Preview  your  product. 

5  Submit  your  product  for  approval. 

6  After  approval,  your  plug-in  is  listed  under  the  Flash  Pro  product  category  on  the  Add-ons  page. 

•  If  you  are  a  user  who  wants  to  install  a  plug-in,  create  a  custom  platform  document,  and  publish  it  using  Flash 
Professional,  see  Working  with  Custom  Platform  Support  Plug-in. 

•  For  complete  information  about  managing  Adobe  extensions,  see  Downloading  and  Installing  Extensions  . 

Feature  requests  and  bug  reporting 

Fill  the  following  form  if  you  want  to  send  any  questions,  concerns,  product  bugs,  or  feature  requests  to  the  Flash 
Professional  product  team: 

Adobe  Feature  Requests  and  Bug  Report  Form 


Export  to  HTML5  from  Flash  Professional 

In  this  video,  you'll  get  a  sneak  peak  on  an  exciting  HTML5  exporting  feature  that  the  Adobe  Flash  Professional  team 
has  been  working  on.  The  Toolkit  for  CreateJS  can  help  smooth  the  transition  from  ActionScript  development  to  the 
JavaScript  world. 

Export  to  HTML5  from  Flash  Professional 


Using  SWC  files  to  build  large  Flash  and  AIR  projects 
with  multiple  SWF  files  for  iOS 

When  doing  game  development  for  Android  or  Blackberry  Tablet  OS  with  Adobe  AIR,  you  can  load  SWF  files  on  the 
fly  at  runtime;  with  AIR  for  iOS,  there  is  no  such  option.  On  Android  or  Blackberry  Tablet  OS  the  code  is  interpreted 
from  ActionScript  bytecode,  whereas  for  iOS  all  code  must  compiled  from  ActionScript  bytecode  to  native  bytecode  as 
a  single  IPA  file,  which  you  can  only  create  from  a  single  SWF. 

Using  SWC  files  to  build  large  Flash  and  AIR  projects  with  multiple  SWF  files  for  iOS 
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Chapter  3:  Workspace  and  workflow 


Using  the  Stage  and  Tools  panel 


Using  the  Stage 

The  Stage  is  the  rectangular  area  where  you  place  graphic  content  when  creating  Flash  Professional  documents.  The 
Stage  in  the  authoring  environment  represents  the  rectangular  space  in  Flash  Player  or  in  a  web  browser  window  where 
your  document  appears  during  playback.  To  change  the  view  of  the  Stage  as  you  work,  zoom  in  and  out.  To  help  you 
position  items  on  the  Stage,  you  can  use  the  grid,  guides,  and  rulers. 


Zoom  the  Stage 

To  view  the  entire  Stage  on  the  screen,  or  to  view  a  particular  area  of  your  drawing  at  high  magnification,  change  the 

magnification  level.  The  maximum  magnification  depends  on  the  resolution  of  your  monitor  and  the  document  size. 

The  minimum  value  for  zooming  out  on  the  Stage  is  8%.  The  maximum  value  for  zooming  in  on  the  Stage  is  2000%. 

•  To  zoom  in  on  an  element,  select  the  Zoom  tool  A  in  the  Tools  panel,  and  click  the  element.  To  switch  the  Zoom 
tool  between  zooming  in  or  out,  use  the  Enlarge  1  ^  or  Reduce  modifiers  (in  the  options  area  of  the  Tools  panel 
when  the  Zoom  tool  is  selected)  or  Alt-click  (Windows)  or  Option-click  (Macintosh). 

•  To  zoom  in  so  that  a  specific  area  of  your  drawing  fills  the  window,  drag  a  rectangular  selection  on  the  Stage  with 
the  Zoom  tool. 

•  To  zoom  in  on  or  out  of  the  entire  Stage,  select  View  >  Zoom  In  or  View  >  Zoom  Out. 
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•  To  zoom  in  or  out  by  a  specified  percentage,  select  View  >  Magnification,  and  select  a  percentage  from  the  submenu 
or  select  a  percentage  from  the  Zoom  control  at  the  upper-right  corner  of  the  document  window. 

•  To  scale  the  Stage  so  that  it  fits  completely  in  the  application  window,  select  View  >  Magnification  >  Fit  in  Window. 

•  To  show  the  contents  of  the  current  frame,  select  View  >  Magnification  >  Show  All,  or  select  Show  All  from  the 
Zoom  control  at  the  upper-right  side  of  the  application  window.  If  the  scene  is  empty,  the  entire  Stage  appears. 

•  To  show  the  entire  Stage,  select  View  >  Magnification  >  Show  Frame  or  select  Show  Frame  from  the  Zoom  control 
at  the  upper-right  corner  of  the  document  window. 

•  To  show  the  workspace  surrounding  the  Stage,  or  to  view  elements  in  a  scene  that  are  partly  or  completely  outside 
of  the  Stage  area,  select  View  >  Pasteboard.  The  pasteboard  appears  in  light  gray.  For  example,  to  have  a  bird  fly  into 
a  frame,  initially  position  the  bird  outside  of  the  Stage  in  the  pasteboard  and  animate  it  into  the  Stage  area. 

Move  the  view  of  the  Stage 

When  the  Stage  is  magnified,  you  may  not  be  able  to  see  all  of  it.  To  change  the  view  without  having  to  change  the 

magnification,  use  the  fland  tool  to  move  the  Stage. 

•  In  the  Tools  panel,  select  the  Hand  tool  and  drag  the  Stage.  To  temporarily  switch  between  another  tool  and  the 
Hand  tool,  hold  down  the  Spacebar  and  click  the  tool  in  the  Tools  panel. 


Use  rulers 

When  rulers  show,  they  appear  along  the  top  and  left  sides  of  the  document.  You  can  change  the  unit  of  measure  used 
in  the  rulers  from  the  default  of  pixels  to  another  unit.  When  you  move  an  element  on  the  Stage  with  the  rulers 
displayed,  lines  indicating  the  element’s  dimensions  appear  on  the  rulers. 

•  To  show  or  hide  rulers,  select  View  >  Rulers. 

•  To  specify  the  rulers’  unit  of  measure  for  a  document,  select  Modify  >  Document,  and  select  a  unit  from  the  Ruler 
Units  menu. 


Use  guides 

When  rulers  show  (View  >  Rulers),  you  can  drag  horizontal  and  vertical  guides  from  the  rulers  onto  the  Stage. 

When  you  create  nested  timelines,  draggable  guides  appear  on  the  Stage  only  when  the  Timeline  in  which  they  were 

created  is  active. 

To  create  custom  guides  or  irregular  guides,  use  guide  layers. 

•  To  display  or  hide  the  drawing  guides,  select  View  >  Guides  >  Show  Guides. note:  If  the  grid  is  visible  and  Snap  to 
Grid  is  turned  on  when  you  create  guides,  guides  snap  to  the  grid. 

•  To  turn  snapping  to  guides  on  or  off,  select  View  >  Snapping  >  Snap  to  Guides.nofe:  Snapping  to  guides  takes 
precedence  over  snapping  to  the  grid  in  places  where  guides  fall  between  grid  lines. 

•  To  move  a  guide,  click  anywhere  on  the  ruler  with  the  Selection  tool  and  drag  the  guide  to  the  desired  place  on  the 
Stage. 

•  To  remove  a  guide,  use  the  Selection  tool  with  guides  unlocked  to  drag  the  guide  to  the  horizontal  or  vertical  ruler. 

•  To  lock  guides,  select  View  >  Guides  >  Lock  Guides  or  use  the  Lock  Guides  option  in  the  Edit  Guides  (View  >  Guides 
>  Edit  Guides)  dialog  box. 

•  To  clear  guides,  select  View  >  Guides  >  Clear  Guides.  If  you  are  in  document-editing  mode,  all  guides  in  the 
document  are  cleared.  If  you  are  in  symbol-editing  mode,  only  guides  used  in  symbols  are  cleared. 
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Set  guide  preferences 

1  Select  View  >  Guides  >  Edit  Guides  and  do  any  of  the  following: 

•  To  set  Color,  click  the  triangle  in  the  color  box  and  select  a  guide  line  color  from  the  palette.  The  default  guide 
color  is  green. 

•  To  display  or  hide  guides,  select  or  deselect  Show  Guides. 

•  To  turn  snapping  to  guides  on  or  off,  select  or  deselect  Snap  To  Guides. 

•  Select  or  deselect  Lock  Guides. 

•  To  set  Snap  Accuracy,  select  an  option  from  the  pop-up  menu. 

•  To  remove  all  guides,  click  Clear  All.  Clear  All  removes  all  guides  from  the  current  scene. 

•  To  save  the  current  settings  as  the  default,  click  Save  Default. 

2  Click  OK. 

Use  the  grid 

The  grid  appears  in  a  document  as  a  set  of  lines  behind  the  artwork  in  all  scenes. 

Display  or  hide  the  drawing  grid 

•  Do  one  of  the  following: 

•  Select  View  >  Grid  >  Show  Grid. 

•  Press  Control-i-"  (quote)  (Windows)  or  Command-!-"  (quote)  (Macintosh). 

Turn  snapping  to  grid  lines  on  or  off 

•  Select  View  >  Snapping  >  Snap  to  Grid. 

Set  grid  preferences 

1  Select  View  >  Grid  >  Edit  Grid  and  select  from  the  options. 

2  To  save  the  current  settings  as  the  default,  click  Save  Default. 

About  the  main  toolbar  and  edit  bar 

The  menu  bar  at  the  top  of  the  application  window  contains  menus  with  commands  for  controlling  functionality. 

The  edit  bar,  at  the  top  of  the  Stage,  contains  controls  and  information  for  editing  scenes  and  symbols,  and  for  changing 
the  magnification  level  of  the  Stage. 

Use  the  Tools  panel 

The  tools  in  the  Tools  panel  let  you  draw,  paint,  select,  and  modify  artwork,  as  well  as  change  the  view  of  the  Stage.  The 
Tools  panel  is  divided  into  four  sections: 

•  The  tools  area  contains  drawing,  painting,  and  selection  tools. 

•  The  view  area  contains  tools  for  zooming  and  panning  in  the  application  window. 

•  The  colors  area  contains  modifiers  for  stroke  and  fill  colors. 

•  The  options  area  contains  modifiers  for  the  currently  selected  tool.  Modifiers  affect  the  tool’s  painting  or  editing 
operations. 

To  show  or  hide  the  Tools  panel,  select  Window  >  Tools. 
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Select  tools 

❖  Do  one  of  the  following: 

•  Click  the  tool  in  the  Tools  panel.  Depending  on  the  tool  you  select,  a  set  of  modifiers  might  appear  in  the  options 
area  at  the  bottom  of  the  Tools  panel. 

•  Press  the  tool’s  keyboard  shortcut.  To  view  the  keyboard  shortcuts,  select  Edit  >  Keyboard  Shortcuts  (Windows) 
or  Flash  >  Keyboard  Shortcuts  (Macintosh).  On  the  Macintosh,  you  might  need  to  move  the  mouse  to  see  the 
new  pointer  appear. 

•  To  select  a  tool  located  in  the  pop-up  menu  for  a  visible  tool  such  as  the  Rectangle  tool,  press  the  icon  of  the 
visible  tool  and  select  another  tool  from  the  pop-up  menu. 


Use  context  menus 

Context  menus  contain  commands  relevant  to  the  current  selection.  For  example,  when  you  select  a  frame  in  the 
Timeline  window,  the  context  menu  contains  commands  for  creating,  deleting,  and  modifying  frames  and  keyframes. 
Context  menus  exist  for  many  items  and  controls  in  many  locations,  including  on  the  Stage,  in  the  Timeline,  in  the 
Library  panel,  and  in  the  Actions  panel. 

❖  Right-click  (Windows)  or  Control-click  (Macintosh)  an  item. 

More  Help  topics 

Snapping  art  into  position 

Symbols,  instances,  and  libraryassets 
Working  with  scenes 
Creating  and  Editing  Artwork 


Flash  workflow  and  workspace 

The  following  additional  video  tutorials  describe  the  Flash  Professional  work  area  and  workflow. 

•  Introducing  Flash  Professional  (4:00) 

•  Understanding  Flash  (1:17) 

•  Understanding  Flash  file  types  (1:55) 

•  Exploring  the  Flash  interface  (1:49) 

•  Setting  up  workspaces  (2:14) 

•  Managing  Design  Suite  Workspaces  (7:44)  (This  demo  is  in  Photoshop,  but  also  applies  to  Flash  Professional) 

Note:  Most  things  in  Flash  can  be  done  either  with  or  without  ActionScript.  The  things  that  actually  require  ActionScript 
are  non-linear  playback,  and  any  situation  where  the  author  prefers  to  avoid  using  the  Timeline. 

General  Flash  workflow 

To  build  a  Flash  Professional  application,  you  typically  perform  the  following  basic  steps: 

Plan  the  application. 


Last  updated  6/1 2/2015 


Workspace  and  workflow 


115 


Decide  which  basic  tasks  the  application  will  perform. 

Add  media  elements. 

Create  and  import  media  elements,  such  as  images,  video,  sound,  and  text. 

Arrange  the  elements. 

Arrange  the  media  elements  on  the  Stage  and  in  the  Timeline  to  define  when  and  how  they  appear  in  your  application. 

Apply  special  effects. 

Apply  graphic  filters  (such  as  blurs,  glows,  and  bevels),  blends,  and  other  special  effects  as  you  see  fit. 

Use  ActionScript  to  control  behavior. 

Write  ActionScript*  code  to  control  how  the  media  elements  behave,  including  how  the  elements  respond  to  user 
interactions. 

Test  and  publish  your  application. 

Test  your  FLA  file  (Control  >  Test  Movie)  to  verify  that  your  application  is  working  as  you  intended  and  find  and  fix 
any  bugs  you  encounter.  You  should  test  the  application  throughout  the  creation  process.  You  can  test  your  file  in  Flash 
Pro,  the  AIR  Debug  Launchers,  and  on-device  via  USB  (Flash  CS5.5  only). 

Publish  your  FLA  file  (File  >  Publish)  as  a  SWF  file  that  can  be  displayed  in  a  web  page  and  played  back  with  Flash* 
Player. 

Depending  on  your  project  and  your  working  style,  you  might  use  these  steps  in  a  different  order. 

For  more  help  getting  started  with  the  Flash  Professional  workflow,  see  the  following: 

•  Article:  Introducing  Adobe  Flash  Professional:http://www.adobe.com/devnet/flash/training.html 

•  Article:  Creating  a  simple  document  in  Flash  Professional: 
http://www.adobe.com/devnet/flash/articles/flash_cs4_createfla.html 

•  Video:  Flash  Workflow  Basics:  http://www.adobe.com/go/lrvid4053_fl 

•  Flash  overview:  www.adobe.com/go/lrvid4053_fl 

•  Flash  workflow:  www.adobe.com/go/vid0132 

•  Creating  your  first  interactive  Flash  file:  www.adobe.com/go/vid01 18 


Workspace  overview 

You  create  and  manipulate  your  documents  and  files  using  various  elements,  such  as  panels,  bars,  and  windows.  Any 
arrangement  of  these  elements  is  called  a  workspace.  The  workspaces  of  the  different  applications  in  Adobe*  Creative 
Suite*  5  share  the  same  appearance  so  that  you  can  move  between  the  applications  easily.  You  can  also  adapt  each 
application  to  the  way  you  work  by  selecting  from  several  preset  workspaces  or  by  creating  one  of  your  own. 

Although  the  default  workspace  layout  varies  in  different  products,  you  manipulate  the  elements  much  the  same  way 
in  all  of  them. 

•  The  Application  bar  across  the  top  contains  a  workspace  switcher,  menus  (Windows  only),  and  other  application 
controls.  On  the  Mac  for  certain  products,  you  can  show  or  hide  it  using  the  Window  menu. 

•  The  Tools  panel  contains  tools  for  creating  and  editing  images,  artwork,  page  elements,  and  so  on.  Related  tools  are 
grouped. 
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•  The  Control  panel  displays  options  for  the  currently  selected  tool.  In  Illustrator,  the  Control  panel  displays  options 
for  the  currently  selected  object.  (In  Adobe  Photoshop*  this  is  known  as  the  Options  bar.  In  Adobe  Flash*,  Adobe 
Dreamweaver*,  and  Adobe  Fireworks*  this  is  known  as  the  Property  Inspector  and  includes  properties  of  the 
currently  selected  element.) 

•  The  Document  window  displays  the  file  you’re  working  on.  Document  windows  can  be  tabbed  and,  in  certain  cases, 
grouped  and  docked. 

•  Panels  help  you  monitor  and  modify  your  work.  Examples  include  the  Timeline  in  Flash,  the  Brush  panel  in 
Illustrator,  the  Layers  panel  in  Adobe  Photoshop*,  and  the  CSS  Styles  panel  in  Dreamweaver.  Panels  can  be  grouped, 
stacked,  or  docked. 

•  The  Application  frame  groups  all  the  workspace  elements  in  a  single,  integrated  window  that  lets  you  treat  the 
application  as  a  single  unit.  When  you  move  or  resize  the  Application  frame  or  any  of  its  elements,  all  the  elements 
within  it  respond  to  each  other  so  none  overlap.  Panels  don’t  disappear  when  you  switch  applications  or  when  you 
accidentally  click  out  of  the  application.  If  you  work  with  two  or  more  applications,  you  can  position  each 
application  side  by  side  on  the  screen  or  on  multiple  monitors. 

If  you  are  using  a  Mac  and  prefer  the  traditional,  free-form  user  interface,  you  can  turn  off  the  Application  frame. 
In  Adobe  Illustrator*,  for  example,  select  Window  >  Application  Frame  to  toggle  it  on  or  off.  (In  Flash,  the 
Application  frame  is  on  permanently  for  Mac,  and  Dreamweaver  for  Mac  does  not  use  an  Application  frame.) 
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A  Tabbed  Document  windows  B  Application  bar  C  Workspace  switcher  D  Panel  title  bar  E  Control  panel  F  Tools  panel  G  Collapse  To  Icons 
button  H  Four  panel  groups  in  vertical  dock 
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Hide  or  show  all  panels 

•  (Illustrator,  Adobe  InCopy*,  Adobe  InDesign*,  Photoshop,  Fireworks)To  hide  or  show  all  panels,  including  the  Tools 
panel  and  Control  panel,  press  Tab. 

•  (Illustrator,  InCopy,  InDesign,  Photoshop)  To  hide  or  show  all  panels  except  the  Tools  panel  and  Control  panel, 
press  Shift+Tab. 

Tip:  You  can  temporarily  display  hidden  panels  if  Auto-Show  Hidden  Panels  is  selected  in  Interface  preferences.  It’s 
always  on  in  Illustrator.  Move  the  pointer  to  the  edge  of  the  application  window  (Windows”)  or  to  the  edge  of  the 
monitor  (Mac  OS”)  and  hover  over  the  strip  that  appears. 

•  (Flash,  Dreamweaver,  Fireworks)  To  hide  or  show  all  panels,  press  F4. 

Display  panel  options 

•  Click  the  panel  menu  icon  .pin  the  upper-right  corner  of  the  panel. 

Tip:  You  can  open  a  panel  menu  even  when  the  panel  is  minimized. 


Tip:  In  Photoshop,  you  can  change  the  font  size  of  the  text  in  panels  and  tool  tips.  In  the  Interface  preferences,  choose 
a  size  from  the  UI  Font  Size  menu. 

(Illustrator)  Adjust  panel  brightness 

❖  In  User  Interface  preferences,  move  the  Brightness  slider.  This  control  affects  all  panels,  including  the  Control  panel. 

Reconfigure  the  Tools  panel 

You  can  display  the  tools  in  the  Tools  panel  in  a  single  column,  or  side  by  side  in  two  columns.  (This  feature  is  not 
available  in  the  Tools  panel  in  Fireworks  and  Flash.) 

In  InDesign  and  InCopy,  you  also  can  switch  from  single-column  to  double-column  (or  single-row)  display  by  setting 
an  option  in  Interface  preferences. 

❖  Click  the  double  arrow  at  the  top  of  the  Tools  panel. 

Manage  windows  and  panels 

You  can  create  a  custom  workspace  by  moving  and  manipulating  Document  windows  and  panels.  You  can  also  save 
workspaces  and  switch  among  them.  For  Fireworks,  renaming  custom  workspaces  can  lead  to  unexpected  behavior. 

Note:  The  following  examples  use  Photoshop  for  demonstration  purposes.  The  workspace  behaves  the  same  in  all  the 
products. 

Rearrange,  dock,  or  float  document  windows 

When  you  open  more  than  one  file,  the  Document  windows  are  tabbed. 

•  To  rearrange  the  order  of  tabbed  Document  windows,  drag  a  window’s  tab  to  a  new  location  in  the  group. 

•  To  undock  (float  or  untab)  a  Document  window  from  a  group  of  windows,  drag  the  window’s  tab  out  of  the  group. 

note:  In  Photoshop  you  can  also  choose  Window  >  Arrange  >  Float  in  Window  to  float  a  single  Document  window,  or 
Window  >  Arrange  >  Float  All  In  Windows  to  float  all  of  the  Document  windows  at  once.  See  tech  note  kb405298 for 
more  information. 
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note:  Dreamweaver  does  not  support  docking  and  undocking  Document  windows.  Use  the  Document  window’s 
Minimize  button  to  create  floating  windows  (Windows),  or  choose  Window  >  Tile  Vertically  to  create  side-by-side 
Document  windows.  Search  “Tile  Vertically”  in  Dreamweaver  Help  for  more  information  on  this  topic.  The  workflow 
is  slightly  different  for  Macintosh  users. 

•  To  dock  a  Document  window  to  a  separate  group  of  Document  windows,  drag  the  window  into  the  group. 

•  To  create  groups  of  stacked  or  tiled  documents,  drag  the  window  to  one  of  the  drop  zones  along  the  top,  bottom,  or 
sides  of  another  window.  You  can  also  select  a  layout  for  the  group  by  using  the  Layout  button  on  the  Application  bar. 

note:  Some  products  do  not  support  this  functionality.  However,  your  product  may  have  Cascade  and  Tile  commands 
in  the  Window  menu  to  help  you  lay  out  your  documents. 

•  To  switch  to  another  document  in  a  tabbed  group  when  dragging  a  selection,  drag  the  selection  over  the  document’s 
tab  for  a  moment. 

note:  Some  products  do  not  support  this  functionality. 

Dock  and  undock  panels 

A  dock  is  a  collection  of  panels  or  panel  groups  displayed  together,  generally  in  a  vertical  orientation.  You  dock  and 
undock  panels  by  moving  them  into  and  out  of  a  dock. 

•  To  dock  a  panel,  drag  it  by  its  tab  into  the  dock,  at  the  top,  bottom,  or  in  between  other  panels. 

•  To  dock  a  panel  group,  drag  it  by  its  title  bar  (the  solid  empty  bar  above  the  tabs)  into  the  dock. 

•  To  remove  a  panel  or  panel  group,  drag  it  out  of  the  dock  by  its  tab  or  title  bar.  You  can  drag  it  into  another  dock  or 
make  it  free-floating. 
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You  can  prevent  panels  from  filling  all  the  space  in  a  dock.  Drag  the  bottom  edge  of  the  dock  up  so  it  no  longer  meets 
the  edge  of  the  workspace. 


Move  panels 

As  you  move  panels,  you  see  blue  highlighted  drop  zones ,  areas  where  you  can  move  the  panel.  For  example,  you  can 
move  a  panel  up  or  down  in  a  dock  by  dragging  it  to  the  narrow  blue  drop  zone  above  or  below  another  panel.  If  you 
drag  to  an  area  that  is  not  a  drop  zone,  the  panel  floats  freely  in  the  workspace. 

Note:  The  position  of  the  mouse  (rather  than  the  position  of  the  panel),  activates  the  drop  zone,  so  if  you  can’t  see  the  drop 
zone,  try  dragging  the  mouse  to  the  place  where  the  drop  zone  should  be. 

•  To  move  a  panel,  drag  it  by  its  tab. 

•  To  move  a  panel  group,  drag  the  title  bar. 


Press  Ctrl  (Windows)  or  Command  (Mac  OS)  while  moving  a  panel  to  prevent  it  from  docking.  Press  Esc  while  moving 
the  panel  to  cancel  the  operation. 

Add  and  remove  panels 

If  you  remove  all  panels  from  a  dock,  the  dock  disappears.  You  can  create  a  dock  by  moving  panels  to  the  right  edge  of 
the  workspace  until  a  drop  zone  appears. 

•  To  remove  a  panel,  right-click  (Windows)  or  Control-click  (Mac)  its  tab  and  then  select  Close,  or  deselect  it  from 
the  Window  menu. 

•  To  add  a  panel,  select  it  from  the  Window  menu  and  dock  it  wherever  you  want. 


Manipulate  panel  groups 

•  To  move  a  panel  into  a  group,  drag  the  panel’s  tab  to  the  highlighted  drop  zone  in  the  group. 


•  To  rearrange  panels  in  a  group,  drag  a  panel’s  tab  to  a  new  location  in  the  group. 

•  To  remove  a  panel  from  a  group  so  that  it  floats  freely,  drag  the  panel  by  its  tab  outside  the  group. 

•  To  move  a  group,  drag  the  title  bar  (the  area  above  the  tabs). 
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Stack  floating  panels 

When  you  drag  a  panel  out  of  its  dock  but  not  into  a  drop  zone,  the  panel  floats  freely.  The  floating  panel  allows  you  to 
position  it  anywhere  in  the  workspace.  You  can  stack  floating  panels  or  panel  groups  so  that  they  move  as  a  unit  when 
you  drag  the  topmost  title  bar. 


NAVIGATOR  HISTOGRAM  |  INFO  *= 
COLOR  |  SWATCHES  j  STYLES  L.  • 


•  To  stack  floating  panels,  drag  a  panel  by  its  tab  to  the  drop  zone  at  the  bottom  of  another  panel. 

•  To  change  the  stacking  order,  drag  a  panel  up  or  down  by  its  tab. 

note:  Be  sure  to  release  the  tab  over  the  narrow  drop  zone  between  panels,  rather  than  the  broad  drop  zone  in  a  title  bar. 

•  To  remove  a  panel  or  panel  group  from  the  stack,  so  that  it  floats  by  itself,  drag  it  out  by  its  tab  or  title  bar. 

Resize  panels 

•  To  minimize  or  maximize  a  panel,  panel  group,  or 
tab  area  (the  empty  space  next  to  the  tabs). 

•  To  resize  a  panel,  drag  any  side  of  the  panel.  Some 
by  dragging. 

Collapse  and  expand  panel  icons 

You  can  collapse  panels  to  icons  to  reduce  clutter  on  the  workspace.  In  some  cases,  panels  are  collapsed  to  icons  in  the 
default  workspace. 


stack  of  panels,  double-click  a  tab.  You  can  also  double-click  the 
panels,  such  as  the  Color  panel  in  Photoshop,  cannot  be  resized 
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•  To  collapse  or  expand  all  panel  icons  in  a  column,  click  the  double  arrow  at  the  top  of  the  dock. 

•  To  expand  a  single  panel  icon,  click  it. 

•  To  resize  panel  icons  so  that  you  see  only  the  icons  (and  not  the  labels),  adjust  the  width  of  the  dock  until  the  text 


disappears.  To  display  the  icon  text  again,  make  the  dock  wider. 

•  To  collapse  an  expanded  panel  back  to  its  icon,  click  its  tab,  its  icon,  or  the  double  arrow  in  the  panel’s  title  bar. 

Tip:  In  some  products,  if  you  select  Auto-Collapse  Icon  Panels  from  the  Interface  or  User  Interface  Options 
preferences,  an  expanded  panel  icon  collapses  automatically  when  you  click  away  from  it. 

•  To  add  a  floating  panel  or  panel  group  to  an  icon  dock,  drag  it  in  by  its  tab  or  title  bar.  (Panels  are  automatically 
collapsed  to  icons  when  added  to  an  icon  dock.) 

•  To  move  a  panel  icon  (or  panel  icon  group),  drag  the  icon.  You  can  drag  panel  icons  up  and  down  in  the  dock,  into 
other  docks  (where  they  appear  in  the  panel  style  of  that  dock),  or  outside  the  dock  (where  they  appear  as  floating 
icons). 

Save  and  switch  workspaces 

By  saving  the  current  size  and  position  of  panels  as  a  named  workspace,  you  can  restore  that  workspace  even  if  you 
move  or  close  a  panel.  The  names  of  saved  workspaces  appear  in  the  workspace  switcher  in  the  Application  bar. 

Save  a  custom  workspace 

1  With  the  workspace  in  the  configuration  you  want  to  save,  do  one  of  the  following: 

•  (Illustrator)  Choose  Window  >  Workspace  >  Save  Workspace. 

•  (Photoshop,  InDesign,  InCopy)  Choose  Window  >  Workspace  >  New  Workspace. 

•  (Dreamweaver)  Choose  Window  >  Workspace  Layout  >  New  Workspace. 

•  (Flash)  Choose  New  Workspace  from  the  workspace  switcher  in  the  Application  bar. 

•  (Fireworks)  Choose  Save  Current  from  the  workspace  switcher  in  the  Application  bar. 

2  Type  a  name  for  the  workspace. 

3  (Photoshop,  InDesign)  Under  Capture,  select  one  or  more  options: 

Panel  Locations  Saves  the  current  panel  locations  (InDesign  only). 

Keyboard  shortcuts  Saves  the  current  set  of  keyboard  shortcuts  (Photoshop  only). 

Menus  or  Menu  Customization  Saves  the  current  set  of  menus. 

Display  or  switch  workspaces 

•  Select  a  workspace  from  the  workspace  switcher  in  the  Application  bar. 

In  Photoshop,  you  can  assign  keyboard  shortcuts  to  each  workspace  to  navigate  among  them  quickly. 
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Delete  a  custom  workspace 

•  Select  Manage  Workspaces  from  the  workspace  switcher  in  the  Application  bar,  select  the  workspace,  and  then  click 
Delete.  (The  option  is  not  available  in  Fireworks.) 

•  (Photoshop,  InDesign,  InCopy)  Select  Delete  Workspace  from  the  workspace  switcher. 

•  (Illustrator)  Choose  Window  >  Workspace  >  Manage  Workspaces,  select  the  workspace,  and  then  click  the  Delete 
icon. 

•  (Photoshop,  InDesign)  Choose  Window  >  Workspace  >Delete  Workspace,  select  the  workspace,  and  then  click 
Delete. 


Restore  the  default  workspace 

1  Select  the  Default  or  Essentials  workspace  from  the  workspace  switcher  in  the  application  bar.  For  Fireworks,  see 
the  article  http://www.adobe.com/devnet/fireworks/articles/workspace_manager_panel.html. 

Note:  In  Dreamweaver ;  Designer  is  the  default  workspace. 

2  For  Fireworks  (Windows),  delete  these  folders: Windows 
Vista\\Users\<username>\AppData\Roaming\Adobe\Fireworks  CS4\  Windows  XPWDocuments  and 
Settings\<username>\ Application  Data\Adobe\Fireworks  CS4 

3  (Photoshop,  InDesign,  InCopy)  Select  Window  >  Workspace  >  Reset  [Workspace  Name]. 

(Photoshop)  Restore  a  saved  workspace  arrangement 

In  Photoshop,  workspaces  automatically  appear  as  you  last  arranged  them,  but  you  can  restore  the  original,  saved 
arrangement  of  panels. 

•  To  restore  an  individual  workspace,  choose  Window  >  Workspace  >  Reset  Workspace  Name. 

•  To  restore  all  the  workspaces  installed  with  Photoshop,  click  Restore  Default  Workspaces  in  the  Interface 
preferences. 

To  rearrange  the  order  of  workspaces  in  the  application  bar,  drag  them. 

Timelines  and  ActionScript 


With  ActionScript*,  you  can  control  the  Timeline  at  runtime.  Using  ActionScript  allows  you  to  create  interaction  and 
other  capabilities  in  your  FLA  files  that  is  not  possible  with  the  Timeline  alone. 

Note:  Complete,  updated  Help  is  on  the  web.  The  application  did  not  detect  an  Internet  connection.  For  a  complete  version 
of  this  topic,  click  the  link  below  or  search  complete  Help  at  https://communities.adobe.com/en.html. 

With  ActionScript*,  you  can  control  the  Timeline  at  runtime.  Using  ActionScript  allows  you  to  create  interaction  and 
other  capabilities  in  your  FLA  files  that  is  not  possible  with  the  Timeline  alone. 

See  the  discussion  of  timelines  and  ActionScript  in  web  Help  to  learn  about  controlling  the  Timeline  with  ActionScript. 
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Absolute  paths 

An  absolute  path  starts  with  the  name  of  the  level  into  which  the  document  is  loaded  and  continues  through  the  display 
list  until  it  reaches  the  target  instance.  You  can  also  use  the  alias  _root  to  refer  to  the  topmost  Timeline  of  the  current 
level.  For  example,  an  action  in  the  movie  clip  California  that  refers  to  the  movie  clip  Oregon  could  use  the  absolute  path 
_root.westCoast.oregon. 

The  first  document  to  open  in  Flash  Player  is  loaded  at  level  0.  You  must  assign  each  additional  loaded  document  a  level 
number.  When  you  use  an  absolute  reference  in  ActionScript  to  reference  a  loaded  document,  use  the  form  _levelX, 
where  X  is  the  level  number  into  which  the  document  is  loaded.  For  example,  the  first  document  that  opens  in  Flash 
Player  is  called  _level0;  a  document  loaded  into  level  3  is  called  _level3. 

To  communicate  between  documents  on  different  levels,  you  must  use  the  level  name  in  the  target  path.  The  following 
example  shows  how  the  portland  instance  would  address  the  atlanta  instance  located  in  a  movie  clip  called  georgia 
(georgia  is  at  the  same  level  as  Oregon): 

_level5 . georgia . atlanta 

You  can  use  the  _root  alias  to  refer  to  the  main  Timeline  of  the  current  level.  For  the  main  Timeline,  the  _root  alias 
stands  for  _level0  when  targeted  by  a  movie  clip  also  on  _level0.  For  a  document  loaded  into  _level5,  _root  is  equal  to 
_level5  when  targeted  by  a  movie  clip  also  on  level  5.  For  example,  if  the  movie  clips  southcarolina  and  florida  are  both 
loaded  into  the  same  level,  an  action  called  from  the  instance  southcarolina  could  use  the  following  absolute  path  to 
target  the  instance  florida: 

root . eastCoast . florida 


Relative  paths 

A  relative  path  depends  on  the  relationship  between  the  controlling  Timeline  and  the  target  Timeline.  Relative  paths 
can  address  targets  only  within  their  own  level  of  Flash  Player.  For  example,  you  can’t  use  a  relative  path  in  an  action 
on  _level0  that  targets  a  Timeline  on  _level5. 

In  a  relative  path,  use  the  keyword  this  to  refer  to  the  current  Timeline  in  the  current  level;  use  the  _parent  alias  to 
indicate  the  parent  Timeline  of  the  current  Timeline.  You  can  use  the  _parent  alias  repeatedly  to  go  up  one  level  in  the 
movie  clip  hierarchy  within  the  same  level  of  Flash  Player.  For  example,  _parent._parent  controls  a  movie  clip  up  two 
levels  in  the  hierarchy.  The  topmost  Timeline  at  any  level  in  Flash  Player  is  the  only  Timeline  with  a  _parent  value  that 
is  undefined. 

An  action  in  the  Timeline  of  the  instance  charleston,  located  one  level  below  southcarolina,  could  use  the  following 
target  path  to  target  the  instance  southcarolina: 

parent 

To  target  the  instance  eastCoast  (one  level  up)  from  an  action  in  charleston,  you  could  use  the  following  relative  path: 
_parent .  parent 

To  target  the  instance  atlanta  from  an  action  in  the  Timeline  of  charleston,  you  could  use  the  following  relative  path: 
_parent ,_parent . georgia . atlanta 

Relative  paths  are  useful  for  reusing  scripts.  For  example,  you  could  attach  the  following  script  to  a  movie  clip  that 
magnifies  its  parent  by  150%: 

onClipEvent  (load)  {  _parent ,_xscale 
=  150;  _parent ._yscale  -  150; 

} 

You  can  reuse  this  script  by  attaching  it  to  any  movie  clip  instance. 
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Note:  Flash  Lite  1.0  and  1.1  support  attaching  scripts  only  to  buttons.  Attaching  scripts  to  movie  clips  is  not  supported. 

Whether  you  use  an  absolute  or  a  relative  path,  you  identify  a  variable  in  a  Timeline  or  a  property  of  an  object  with  a 
dot  (.)  followed  by  the  name  of  the  variable  or  property.  For  example,  the  following  statement  sets  the  variable  name  in 
the  instance  form  to  the  value  "Gilbert": 

root . form. name  =  "Gilbert"; 


Using  absolute  and  relative  target  paths 

You  can  use  ActionScript  to  send  messages  from  one  timeline  to  another.  The  timeline  that  contains  the  action  is  called 
the  controlling  timeline ,  and  the  timeline  that  receives  the  action  is  called  the  target  timeline.  For  example,  there  could 
be  an  action  on  the  last  frame  of  one  timeline  that  tells  another  timeline  to  play.  To  refer  to  a  target  timeline,  you  must 
use  a  target  path,  which  indicates  the  location  of  a  movie  clip  in  the  display  list. 

The  following  example  shows  the  hierarchy  of  a  document  named  westCoast  on  level  0,  which  contains  three  movie 
clips:  California,  Oregon,  and  Washington.  Each  of  these  movie  clips  in  turn  contains  two  movie  clips. 

_level0 

westCoast 

California 

sanf rancisco 
bakersf ield 

Oregon 

Portland 

ashland 

Washington 

olympia 

ellensburg 

As  on  a  web  server,  each  timeline  in  Flash  Professional  can  be  addressed  in  two  ways:  with  an  absolute  path  or  with  a 
relative  path.  The  absolute  path  of  an  instance  is  always  a  full  path  from  a  level  name,  regardless  of  which  timeline  calls 
the  action;  for  example,  the  absolute  path  to  the  instance  California  is  _level0. westCoast. California.  A  relative  path  is 
different  when  called  from  different  locations;  for  example,  the  relative  path  to  California  from  sanfrancisco  is  _parent, 
but  from  portland,  its  _parent._parent. California. 


Specify  target  paths 

To  control  a  movie  clip,  loaded  SWF  file,  or  button,  you  must  specify  a  target  path.  You  can  specify  it  manually,  or  by 
using  the  Insert  Target  Path  dialog  box,  or  by  creating  an  expression  that  evaluates  to  a  target  path.  To  specify  a  target 
path  for  a  movie  clip  or  button,  you  must  assign  an  instance  name  to  the  movie  clip  or  button.  A  loaded  document 
doesn’t  require  an  instance  name,  because  you  use  its  level  number  as  an  instance  name  (for  example,  _level5). 

Assign  an  instance  name  to  a  movie  clip  or  button 

1  Select  a  movie  clip  or  button  on  the  Stage. 

2  Enter  an  instance  name  in  the  Property  inspector. 

Specify  a  target  path  using  the  Insert  Target  Path  dialog  box 

1  Select  the  movie  clip,  frame,  or  button  instance  to  which  you  want  to  assign  the  action. 

This  becomes  the  controlling  Timeline. 

2  In  the  Actions  panel  (Window  >  Actions),  go  to  the  Actions  toolbox  on  the  left,  and  select  an  action  or  method  that 
requires  a  target  path. 
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3  Click  the  parameter  box  or  location  in  the  script  where  you  want  to  insert  the  target  path. 

4  Click  the  Insert  Target  Path  button  above  the  Script  pane. 

5  Select  Absolute  or  Relative  for  the  target  path  mode. 

6  Select  a  movie  clip  in  the  Insert  Target  Path  display  list,  and  click  OK. 

Specify  a  target  path  manually 

1  Select  the  movie  clip,  frame,  or  button  instance  to  which  you  want  to  assign  the  action. 

This  becomes  the  controlling  Timeline. 

2  In  the  Actions  panel  (Window  >  Actions),  go  to  the  Actions  toolbox  on  the  left,  and  select  an  action  or  method  that 
requires  a  target  path. 

3  Click  the  parameter  box  or  location  in  the  script  where  you  want  to  insert  the  target  path. 

4  Enter  an  absolute  or  relative  target  path  in  the  Actions  panel. 

Use  an  expression  as  a  target  path 

1  Select  the  movie  clip,  frame,  or  button  instance  to  which  you  want  to  assign  the  action. 

This  becomes  the  controlling  Timeline. 

2  In  the  Actions  panel  (Window  >  Actions),  go  to  the  Actions  toolbox  on  the  left,  and  select  an  action  or  method  that 
requires  a  target  path. 

3  Do  one  of  the  following: 

•  Enter  an  expression  that  evaluates  to  a  target  path  in  a  parameter  box. 

•  Click  to  place  the  insertion  point  in  the  script.  Then,  in  the  Functions  category  of  the  Actions  toolbox,  double¬ 
click  the  targetPath  function.  The  targetPath  function  converts  a  reference  to  a  movie  clip  into  a  string. 

•  Click  to  place  the  insertion  point  in  the  script.  Then,  in  the  Functions  category  of  the  Actions  toolbox,  select  the 
eval  function.  The  eval  function  converts  a  string  to  a  movie  clip  reference  that  can  be  used  to  call  methods  such 
as  play. 

The  following  script  assigns  the  value  1  to  the  variable  i.  It  then  uses  the  eval  function  to  create  a  reference  to  a 
movie  clip  instance  and  assigns  it  to  the  variable  x.  The  variable  x  is  now  a  reference  to  a  movie  clip  instance  and 
can  call  the  MovieClip  object  methods. 

i  =  1;  x  =  eval("mc"+i);  x.play();  //  this  is  equivalent  to  mcl.play(); 

You  can  also  use  the  eval  function  to  call  methods  directly,  as  shown  in  the  following  example: 

eval("mc"  +  i).play(); 

More  Help  topics 

Timelines  and  ActionScript 

Best  practices  -  Structuring  FLA  files 
Organizing  ActionScript  in  an  application 
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Working  with  multiple  timelines 


About  multiple  timelines  and  levels 

Flash*  Player  has  a  stacking  order  of  levels.  Every  Flash  Professional  document  has  a  main  Timeline  located  at  level  0 
in  Flash  Player.  You  can  use  the  loadMovie  command  to  load  other  Flash  Professional  documents  (SWF  files)  into  Flash 
Player  at  different  levels. 

If  you  load  documents  into  levels  above  level  0,  the  documents  stack  on  top  of  one  another  like  drawings  on  transparent 
paper;  when  there  is  no  content  on  the  Stage,  you  can  see  through  to  the  content  on  lower  levels.  If  you  load  a  document 
into  level  0,  it  replaces  the  main  timeline.  Each  document  loaded  into  a  level  of  Flash  Player  has  its  own  timeline. 

Timelines  can  send  messages  to  each  other  with  ActionScript.  For  example,  an  action  on  the  last  frame  of  one  movie 
clip  can  tell  another  movie  clip  to  play.  To  use  ActionScript  to  control  a  timeline,  you  must  use  a  target  path  to  specify 
the  location  of  the  timeline. 

For  more  information,  see  the  MovieClip. loadMovie  method  in  the  ActionScript  2.0  Language  Reference. 


About  nested  movie  dips  and  parent-child  hierarchy 

When  you  create  a  movie  clip  instance  in  a  Flash  Professional  document,  the  movie  clip  has  its  own  timeline.  Every 
movie  clip  symbol  has  its  own  timeline.  The  movie  clip’s  timeline  is  nested  inside  the  main  timeline  of  the  document. 
You  can  also  nest  a  movie  clip  instance  inside  another  movie  clip  symbol. 

When  a  movie  clip  is  created  inside  a  Flash  Professional  document,  or  nested  inside  another  movie  clip,  it  becomes  a 
child  of  that  document  or  movie  clip,  which  becomes  the  parent.  Relationships  between  nested  movie  clips  are 
hierarchical;  modifications  made  to  the  parent  affect  the  child.  The  root  Timeline  for  each  level  is  the  parent  of  all  the 
movie  clips  on  its  level,  and  because  it  is  the  top-most  Timeline,  it  has  no  parent.  In  the  Movie  Explorer  panel,  you  can 
view  the  hierarchy  of  nested  movie  clips  in  a  document  by  choosing  Show  Symbol  Definitions  from  the  panel  menu. 

To  understand  movie  clip  hierarchy,  consider  the  hierarchy  on  a  computer:  the  hard  disk  has  a  root  directory  (or  folder) 
and  subdirectories.  The  root  directory  is  analogous  to  the  main  (or  root)  Timeline  of  a  Flash  Professional  document;  it 
is  the  parent  of  everything  else.  The  subdirectories  are  analogous  to  movie  clips. 

You  can  use  the  movie  clip  hierarchy  in  Flash  Professional  to  organize  related  objects.  For  example,  you  could  create  a 
Flash  Professional  document  containing  a  car  that  moves  across  the  Stage.  You  can  use  a  movie  clip  symbol  to  represent 
the  car  and  set  up  a  motion  tween  to  move  it  across  the  Stage. 

To  add  wheels  that  rotate,  you  can  create  a  movie  clip  for  a  car  wheel,  and  create  two  instances  of  this  movie  clip,  named 
front  Wheel  and  backWheel.  Then  you  can  place  the  wheels  on  the  car  movie  clip’s  Timeline — not  on  the  main  Timeline. 
As  children  of  car,  front  Wheel  and  backWheel  are  affected  by  any  changes  made  to  car;  they  move  with  the  car  as  it 
tweens  across  the  Stage. 

To  make  both  wheel  instances  spin,  you  can  set  up  a  motion  tween  that  rotates  the  wheel  symbol.  Even  after  you  change 
front  Wheel  and  backWheel,  they  continue  to  be  affected  by  the  tween  on  their  parent  movie  clip,  car;  the  wheels  spin, 
but  they  also  move  with  the  parent  movie  clip  car  across  the  Stage. 

More  Help  topics 

Symbols,  instances,  and  library  assets 
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Set  preferences  in  Flash 

You  can  set  preferences  for  general  application  operations,  editing  operations,  code  and  compiler  operations,  sync 
settings,  and  drawing  and  text  options. 


General 

Sync  Settings 

Code  Editor 

Undo:  Document-level  Undo  ▼ 

Script  Files 

ICO  levels 

Compiler 

Text 

Auto-Recovery:  V  10  minutes 

Drawing 

User  Interface:  Dark  ▼ 

■y  Enable  Shading 

Workspace:  'f  Auto-collapse  Icon  Panels 

Open  Flash  and  Script  Documents  in  Separate  Windows 

Highlight  Color:  Use  Layer  Color 

•  Use  Custom  Color 

|  Drawing  Objects 
|  Drawing  Primitives 
|  Groups 
|  Symbols 
|  Other  Elements 

Set  preferences 

1  Select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh). 

2  Make  a  selection  in  the  Category  list  and  select  from  the  respective  options. 

Set  General  preferences 

On  Launch  Specify  which  document  opens  when  you  start  the  application. 

Document-  or  Object-level  undo  Document-level  undo  maintains  a  single  list  of  all  your  actions  for  the  entire  Flash 
Professional  document.  Object-level  undo  maintains  separate  lists  of  your  actions  for  each  object  in  your  document. 
Object-level  lets  you  undo  an  action  on  one  object  without  having  to  also  undo  actions  on  other  objects  that  might  have 
been  modified  more  recently  than  the  target  object. 


Undo  levels  To  set  the  number  of  undo  or  redo  levels,  enter  a  value  from  2  to  300.  Undo  levels  require  memory;  the 
more  undo  levels  you  use,  the  more  system  memory  is  consumed.  The  default  is  100. 

Auto-Recovery  When  enabled  (the  default  setting),  this  setting  saves  a  copy  of  each  open  file  at  the  specified  time 
interval,  in  the  same  folder  as  the  originals.  If  you  have  not  saved  the  file  yet,  Flash  saves  the  copies  in  its  Temp  folder. 
The  file  names  are  the  same  as  the  originals,  with  “RECOVER_”  added  to  the  beginning  of  the  file  name.  If  Flash  Pro 
quits  unexpectedly,  a  dialog  box  appears  when  you  restart  to  allow  you  to  open  the  auto-recover  file.  When  you  exit 
Flash  Pro  normally,  the  auto-recover  files  are  deleted. 
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Starting  Flash  Pro  CC  2015  release,  Flash  Professional  does  not  create  unnecessary  auto-recovery  files.  An  auto¬ 
recovery  file  is  created  only  if  the  document  is  modified  after  the  last  auto-recovery  files  were  created.  Auto-recovery 
file  is  removed  only  after  completing  a  successful  save  operation.  To  avoid  continuous  loop  of  auto-recovery  for  short 
auto-recovery  duration,  snapshot  for  all  files  modified  after  last  auto-recovery  are  created  at  each  auto-recovery 
interval.  Next  auto  recovery  timer  is  started  only  after  this  process  is  completed. 

User  Interface  Select  your  preferred  user  interface  style,  between  Dark  or  Light.  To  apply  shading  to  the  user  interface 
elements,  select  Enable  Shading. 

Workspace  To  have  panels  in  icon  mode  auto  collapse  when  you  click  outside  them,  select  Auto-Collapse  Icon  Panels. 
To  open  a  separate  window  when  you  select  Control  >  Test,  select  Open  Flash  and  Script  Documents  in  Separate 
Windows.  The  default  is  to  open  the  test  movie  in  its  own  window. 

Highlight  Color  To  use  the  current  layer’s  outline  color,  select  a  color  from  the  panel,  or  select  Use  Layer  Color. 


Set  Sync  Settings  preferences 

In  the  Sync  Settings  tab,  you  can  specify  the  settings  for  synchronizing  Flash  with  your  Creatve  Cloud  account  and 
libraries. 


Sync  Settings 


Code  Editor 
Script  Files 
Compiler 
Text 
Drawing 


Adobe  ID 

Last  sync:  4/30/2015;  8:59  PM 
Signed  in  as: 

Sync  Options 

Sync:  All  ▼ 

V'  Application  Preferences 

'S  Workspaces 
'/  Default  Document  Settings 
v'  Keyboard  Shortcuts 
'S  Grid,  Guides  and  Snapping  Settings 
'Z  Sprite  Sheet  Settings 
V  Variable  Width  Profiles 
Custom  Brushes 


Sync  Settings  Now 
Manage  Account 


Adobe  ID  This  displays  the  Adobe  ID  using  which  you  have  signed  in  to  your  Creative  Cloud  account  and  the  date  and 
time  the  last  sync  with  your  Creative  Cloud  account  was  done. 

•  To  view  your  Creative  Cloud  profile  and  library,  or  to  login  using  a  different  Adobe  ID,  click  Manage  Account. 

•  To  sync  your  settings,  click  Sync  Settings  Now. 

Sync  Options  This  displays  the  sync  options  that  you  have  set  between  Flash  and  your  Creative  Cloud  account.  You  can 
sync  your  application  preferences;  workspaces;  default  document  settings;  keyboard  shortcuts;  grid,  guides,  and 
snapping  settings;  sprite  sheet  settings;  variable  width  profiles,  and  custom  brushes. 

•  Sync:  Set  the  sync  preferences  by  choosing  among  All  (sync  all  the  settings),  Custom  (sync  the  settings  that  you  have 
selected  from  the  options  displayed  below),  or  Disabled  (disable  all  syncing). 

•  To  sync  your  settings  with  your  Creative  Cloud  settings,  click  Sync  Settings  Now. 
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To  learn  about  synchronizing  preferences  to  Creative  Cloud,  and  across  multiple  machines,  see  Sync  Flash  Professional 
Preferences  with  Creative  Cloud 

To  learn  more  about  working  with  Creative  Cloud  libraries,  see  Creative  Cloud  libraries. 

Set  Code  Editor  preferences 

In  the  Code  Editor  tab,  you  can  set  how  you  want  your  code  to  be  displayed  in  Flash. 


Editing  Options 

Font:  ▼ 

Style:  ▼ 

Modify  Text  Coloring... 

•y  Automatic  dose  brace 
y  Automatic  indentation 
y  Code  hints 
Cache  Files:  300 
Tab  size:  4 

Format  Code 

Select  Language:  Actionscript  ▼ 

Brace  style:  In  the  same  line  as  control  statements 
Break  chained  methods 
Keep  Array  Indentation 
y  Add  space  after  keywords 


function  f(x)  { 

if  (condition)  { 

var  myArray:  Array  =  [ 
[12,  6) 

]; 

>else{} 

> 


Reset  to  Defaults  OK  Cancel 


General 


Sync  Settings 


Script  Files 
Compiler 
Text 
Drawing 


Under  Editing  Options,  you  can  change  the  defaults  for  the  following: 

•  Font:  Set  the  font  and  font  size. 

•  Style:  Choose  between  regular,  italic,  bold,  or  bold  italic. 

•  Modify  Text  Coloring:  Click  this  button  to  set  text  color  for  foreground,  background,  keywords,  comments, 
identifiers,  and  strings. 

•  Automatic  code  brace:  Enabled  by  default.  All  code  braces  are  closed  by  default. 

•  Automatic  indentation:  Enabled  by  default.  Turn  it  off  if  you  do  not  want  code  indentation. 

•  Code  hints:  Enabled  by  default.  Clear  the  checkbox  if  you  do  not  want  code  hints  to  come  up  as  you  type  code. 
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•  Cache  Files:  Set  the  limit  for  the  cache  files.  Default  is  800. 

•  Tab  size:  The  default  size  of  the  code  tab  is  set  to  4.  Enter  a  value  if  you  want  to  resize  it. 

Under  Format  Code,  you  can  set  the  following  preferences  and  check  the  preview  pane  for  how  the  change  willl  be 
applied  to  your  code: 

•  Script  Language:  Select  the  default  script  language  as  ActionScript  or  JavaScript.  A  sample  code  is  displayed  as  you 
select  an  option. 

•  Brace  style:  Select  your  preferred  brace  style,  either  in  the  same  line  as  control  statements,  in  a  separate  line,  or  only 
the  end  braces  in  a  separate  line. 

•  Break  chained  methods:  Select  it  to  display  code  lines  as  broken  up  logically. 

•  Keep  array  indentation:  Select  to  keep  the  arrays  indented  logically. 

•  Keep  space  after  keywords:  Selected  by  default.  Change  it  if  you  do  not  want  a  space  after  each  keyword. 


Set  Script  Files  preferences 

The  Script  Files  tab  allows  you  to  set  the  import  options  for  the  script  files: 

Open:  Select  UTF-8  Encoding  to  open  or  import  using  Unicode  encoding,  or  select  Default  Encoding  to  open  or 
import  using  the  encoding  form  of  the  language  currently  used  by  your  system. 

Reload  modified  files:  Specifies  what  happens  when  a  script  file  is  modified,  moved,  or  deleted.  Select  Always,  Never, 
or  Prompt. 

•  Always:  No  warning  is  displayed,  and  the  file  is  automatically  reloaded. 

•  Never:  No  warning  is  displayed,  and  the  file  remains  in  the  current  state. 

•  Prompt(Default):  A  warning  is  displayed,  and  you  can  choose  whether  to  reload  the  file. 

When  you  build  applications  with  external  scripts,  this  preference  helps  you  avoid  overwriting  a  script  that  a  team 
member  has  modified  since  you  opened  the  application,  or  avoid  publishing  the  application  with  older  versions  of 
scripts.  The  warnings  let  you  automatically  close  a  script  and  reopen  the  newer,  modified  version. 

Class  editor:  Select  the  editor  for  editing  classes.  The  options  are  Flash  Professional,  Flash  Builder,  or  Ask. 


Set  Compiler  preferences 

The  Compiler  tab  in  the  Preferences  dialog  box  allows  you  to  set  the  following  compiler  preferences  for  the  language 
you  have  selected.  You  can  browse  to  a  path  or  an  SWC  file  or  specify  a  new  path: 

•  SDK  path:  The  path  to  the  folder  containing  bin,  frameworks,  lib,  and  other  folders. 

•  Source  path:  The  path  to  the  folders  containing  ActionScript  class  files. 

•  Library  path:  The  path  to  SWC  files  or  folders  containing  SWC  files. 

•  External  library  path:  The  path  to  the  SWC  files  used  as  runtime  shared  libraries. 


Set  Text  preferences 

You  can  specify  the  following  preferences  for  text  display  the  Text  tab: 

•  Default  Mapping  Font 

•  Style 

•  Show  font  name  language 
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•  Show  font  preview 

•  Font  preview  size 


Set  Drawing  preferences 

Pen  tool:  Lets  you  set  options  for  the  Pen  tool.  Select  Show  Pen  Preview  to  display  a  preview  line  from  the  last  clicked 
point  to  the  current  location  of  the  pointer.  Select  Show  Solid  Points  to  display  control  points  as  small  filled  squares 
instead  of  unfilled  squares.  Select  Show  Precise  Cursors  to  display  a  crosshair  cursor  instead  of  the  Pen  tool  icon  when 
using  the  Pen  tool.  This  option  lets  you  see  the  exact  target  of  clicks  more  easily. 

IK  Bone  Tool:  Autoset  Transformation  Point  is  selected  by  default  for  the  Bone  Tool. 

Connect  lines:  Determines  how  close  the  end  of  a  line  being  drawn  must  be  to  an  existing  line  segment  before  the  end 
point  snaps  to  the  nearest  point  on  the  other  line.  This  setting  also  controls  horizontal  and  vertical  line  recognition — 
that  is,  how  nearly  horizontal  or  vertical  a  line  must  be  drawn  before  Flash  Professional  makes  it  exactly  horizontal  or 
vertical.  When  Snap  To  Objects  is  turned  on,  this  setting  controls  how  close  objects  must  be  to  snap  to  one  another. 

Smooth  curves:  Specifies  the  amount  of  smoothing  applied  to  curved  lines  drawn  with  the  Pencil  tool  when  the 
drawing  mode  is  set  to  Straighten  or  Smooth.  (Smoother  curves  are  easier  to  reshape,  whereas  rougher  curves  match 
the  original  line  strokes  more  closely.) 

note:  To  further  smooth  existing  curved  segments,  use  Modify  >  Shape  >  Smooth  and  Modify  >  Shape  >  Optimize. 

Recognize  lines:  Defines  how  nearly  straight  a  line  segment  drawn  with  the  Pencil  tool  must  be  before  Flash 
Professional  recognizes  it  as  a  straight  line  and  makes  it  perfectly  straight.  If  Recognize  Lines  is  off  while  you  draw, 
straighten  lines  later  by  selecting  one  or  more  line  segments  and  selecting  Modify  >  Shape  >  Straighten. 

Recognize  shapes:  Controls  how  precisely  to  draw  circles,  ovals,  squares,  rectangles,  and  90°  and  180°  arcs  for  them  to 
be  recognized  as  geometric  shapes  and  redrawn  accurately.  The  options  are  Off,  Strict,  Normal,  and  Tolerant.  Strict 
requires  that  the  shape  be  drawn  very  close  to  straight;  Tolerant  specifies  that  the  shape  can  be  somewhat  rough,  and 
Flash  redraws  the  shape.  If  Recognize  Shapes  is  off  while  you  draw,  straighten  lines  later  by  selecting  one  or  more  shapes 
(for  example,  connected  line  segments)  and  selecting  Modify  >  Shape  >  Straighten. 

Click  accuracy:  Specifies  how  close  to  an  item  the  pointer  must  be  before  Flash  Professional  recognizes  the  item. 


Restore  all  preferences  to  default  settings 

❖  In  the  Preferences  dialog  box,  click  Reset  to  Defaults  or  press  and  hold  Control+Alt+Shift  (Windows)  or 
Command+Option+Shift  (Mac  OS)  as  you  start  Flash. 

More  Help  topics 

Drawing  preferences 
Pen  tool  preferences 
Illustrator  object  import  options 

(Flash  Professional  CS6  and  earlier  versions  only)  Photoshop  file  importer  preferences 
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Using  Flash  authoring  panels 

Videos  and  tutorials 

•  Video:  The  Panels  (Length  =  11:15,  Peachpit.com) 


Flash  authoring  panels 

Authoring  panels  in  the  Flash  workspace  carry  the  authoring  and  publishing  controls  that  you  can  arrange  according 
to  your  preferences.  You  can  also  drag  any  panel  out  of  its  place,  resize  it,  and  place  it  anywhere  on  your  screen  for  easy 
access.  Flash  fly-out  menus  also  give  you  an  option  to  lock  the  panel  at  any  particular  place  on  your  screen  so  that  it 
does  not  move  when  you  drag  it  accidentally  while  working. 


About  the  Property  inspector 

The  Property  inspector  provides  easy  access  to  the  most  commonly  used  attributes  of  the  current  selection,  either  on 
the  Stage  or  in  the  Timeline.  You  can  make  changes  to  the  object  or  document  attributes  in  the  Property  inspector 
without  accessing  the  menus  or  panels  that  also  control  these  attributes. 

Depending  on  what  is  currently  selected,  the  Property  inspector  displays  information  and  settings  for  the  current 
document,  text,  symbol,  shape,  bitmap,  video,  group,  frame,  or  tool.  When  two  or  more  different  types  of  objects  are 
selected,  the  Property  inspector  displays  the  total  number  of  objects  selected. 

To  display  the  Property  inspector,  Select  Window  >  Properties,  or  press  Control+F3  (Windows)  or  Command+F3 
(Macintosh). 
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About  the  Library  panel 

The  Library  panel  (Window  >  Library)  is  where  you  store  and  organize  symbols  created  in  Flash  Professional,  as  well 
as  imported  files,  including  bitmap  graphics,  sound  files,  and  video  clips.  The  Library  panel  lets  you  organize  library 
items  in  folders,  see  how  often  an  item  is  used  in  a  document,  and  sort  items  by  name,  type,  date,  use  count,  or 
ActionScript*  linkage  identifier.  For  example,  when  you  import  a  animated  GIF  into  the  library,  it  creates  a  folder 
named  GIF  under  the  root  folder  and  places  the  file  in  it.  You  can  also  search  the  Library  panel  by  typing  in  a  symbol 
name  or  linkage  name  in  the  search  field  and  set  properties  on  most  multiple-object  selections. 


Name  ^  Linkage 

4>)  1  -  Offo  -  2  Sates  -  ... 

4>)  ADPCM.wav 
y]  giriie.jpeg 
0  jerry  .jpeg 
y]  scooby.jpeg 
j£i  Symbol  1 
y]  tig er.jp eg 
►  fti  untitled  folder  1 


Use  Coun 
1 
0 
1 
1 
1 
1 
1 


About  the  Actions  panel 

The  Actions  panel  lets  you  create  and  edit  ActionScript  code  for  an  object  or  frame.  Selecting  a  frame,  button,  or  movie 
clip  instance  makes  the  Actions  panel  active.  The  Actions  panel  title  changes  to  Button  Actions,  Movie  Clip  Actions,  or 
Frame  Actions,  depending  on  what  is  selected. 
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To  display  the  Actions  panel,  select  Window  >  Actions  or  press  F9. 


Use  the  Movie  Explorer 

The  Movie  Explorer  lets  you  view  and  organize  the  contents  of  a  document  and  select  elements  in  the  document  for 
modification.  It  contains  a  display  list  of  currently  used  elements,  arranged  in  a  navigable  hierarchical  tree. 

Use  the  Movie  Explorer  to  perform  the  following  actions: 

•  Filter  which  categories  of  items  in  the  document  appear  in  the  Movie  Explorer. 

•  Display  the  selected  categories  as  scenes,  symbol  definitions,  or  both. 

•  Expand  and  collapse  the  navigation  tree. 

•  Search  for  an  element  in  a  document  by  name. 

•  Familiarize  yourself  with  the  structure  of  a  Flash  Professional  document  that  another  developer  created. 

•  Find  all  the  instances  of  a  particular  symbol  or  action. 

•  Print  the  navigable  display  list  that  appears  in  the  Movie  Explorer. 

The  Movie  Explorer  has  a  Panel  menu  and  a  context  menu  with  options  for  performing  operations  on  selected  items  or 
modifying  the  Movie  Explorer  display.  A  check  mark  with  a  triangle  below  it  in  the  Movie  Explorer  panel  indicates  the 
Panel  menu. 

Note:  The  Movie  Explorer  has  slightly  different  functionality  when  you  are  working  with  screens. 

View  the  Movie  Explorer 

•  Select  Window  >  Movie  Explorer. 

Filter  the  categories  of  items  that  appear  in  the  Movie  Explorer 

•  To  show  text,  symbols,  ActionScript,  imported  files,  or  frames  and  layers,  click  one  or  more  of  the  filtering  buttons 
to  the  right  of  the  Show  option.  To  customize  which  items  to  show,  click  the  Customize  button.  Select  options  in  the 
Show  area  of  the  Movie  Explorer  Settings  dialog  box  to  view  those  elements. 

•  To  show  items  in  scenes,  select  Show  Movie  Elements  from  the  Movie  Explorer  Panel  menu. 

•  To  show  information  about  symbols,  select  Show  Symbol  Definitions  from  the  Movie  Explorer  Panel  menu. 
note:  The  Movie  Elements  option  and  the  Symbol  Definitions  option  can  be  active  at  the  same  time. 

Search  for  an  item  using  the  Find  box 

•  In  the  Find  box,  enter  the  item  name,  font  name,  ActionScript  string,  or  frame  number.  The  Find  feature  searches 
all  items  that  appear  in  the  Movie  Explorer. 

Select  an  item  in  the  Movie  Explorer 

•  Click  the  item  in  the  navigation  tree.  Shift-click  to  select  more  than  one  item. 

The  full  path  for  the  selected  item  appears  at  the  bottom  of  the  Movie  Explorer.  Selecting  a  scene  in  the  Movie 
Explorer  shows  the  first  frame  of  that  scene  on  the  Stage.  Selecting  an  element  in  the  Movie  Explorer  selects  that 
element  on  the  Stage  if  the  layer  containing  the  element  is  not  locked. 
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Use  the  Movie  Explorer  Panel  menu  or  context  menu  commands 

1  Do  one  of  the  following: 

•  To  view  the  Panel  menu,  click  the  Panel  menu  control  in  the  Movie  Explorer  panel. 

•  To  view  the  context  menu,  right-click  (Windows)  or  Control-click  (Macintosh)  an  item  in  the  Movie  Explorer 
navigation  tree. 

2  Select  an  option  from  the  menu: 

Go  To  Location  Jumps  to  the  selected  layer,  scene,  or  frame  in  the  document. 

Go  To  Symbol  Definition  Jumps  to  the  symbol  definition  for  a  symbol  that  is  selected  in  the  Movie  Elements  area  of 
the  Movie  Explorer.  The  symbol  definition  lists  all  the  files  associated  with  the  symbol.  (The  Show  Symbol 
Definitions  option  must  be  selected.  See  its  definition  in  this  list.) 

Select  Symbol  Instances  Jumps  to  the  scene  containing  instances  of  a  symbol  that  is  selected  in  the  Symbol 
Definitions  area  of  the  Movie  Explorer.  (The  Show  Movie  Elements  option  must  be  selected.) 

Show  In  Library  Highlights  the  selected  symbol  in  the  document’s  library.  (Flash  Professional  opens  the  Library 
panel  if  it  is  not  already  visible.) 

Rename  Lets  you  enter  a  new  name  for  a  selected  element. 

Edit  In  Place  Lets  you  edit  a  selected  symbol  on  the  Stage. 

Edit  In  New  Window  Lets  you  edit  a  selected  symbol  in  a  new  window. 

Show  Movie  Elements  Shows  the  elements  in  your  document  organized  into  scenes. 

Show  Symbol  Definitions  Shows  all  the  elements  associated  with  a  symbol. 

Copy  All  Text  To  Clipboard  Copies  selected  text  to  the  clipboard.  For  spell  checking  or  other  editing,  paste  the  text 
into  an  external  text  editor. 

Cut,  Copy,  Paste,  And  Clear  Performs  these  common  functions  on  a  selected  element.  Modifying  an  item  in  the 
display  list  modifies  the  corresponding  item  in  the  document. 

Expand  Branch  Expands  the  navigation  tree  at  the  selected  element. 

Collapse  Branch  Collapses  the  navigation  tree  at  the  selected  element. 

Collapse  Others  Collapses  the  branches  in  the  navigation  tree  that  do  not  contain  the  selected  element. 

Print  Prints  the  hierarchical  display  list  that  appears  in  the  Movie  Explorer. 


About  Flash  components  and  the  Components  panel 

A  component  in  Flash  is  a  reusable,  packaged  module  that  adds  a  particular  capability  to  a  Flash  document. 
Components  can  include  graphics  as  well  as  code,  so  they're  pre-built  functionality  that  you  can  easily  include  in  your 
Flash  projects.  For  example,  a  component  can  be  a  radio  button,  a  dialog  box,  a  preload  bar,  or  even  something  that  has 
no  graphics  at  all,  such  as  a  timer,  a  server  connection  utility,  or  a  custom  XML  parser. 

If  you  are  less  experienced  with  writing  ActionScript,  you  can  add  components  to  a  document,  set  their  parameters  in 
the  Property  inspector  or  Component  inspector,  and  use  the  Behaviors  panel  to  handle  their  events.  For  example,  you 
could  attach  a  Go  To  Web  Page  behavior  to  a  Button  component  that  opens  a  URL  in  a  web  browser  when  the  button 
is  clicked  without  writing  any  ActionScript  code. 

If  you  are  a  programmer  who  wants  to  create  more  robust  applications,  you  can  create  components  dynamically,  use 
ActionScript  to  set  properties  and  call  methods  at  run  time,  and  use  the  event  listener  model  to  handle  events. 
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Insert  a  component  using  the  Component  panel 

When  you  first  add  a  component  to  a  document,  Flash  imports  it  as  a  movie  clip  into  the  Library  panel.  You  can  also 
drag  a  component  from  the  Components  panel  directly  to  the  Library  panel  and  then  add  an  instance  of  it  to  the  Stage. 
In  any  case,  you  must  add  a  component  to  the  library  before  you  can  access  its  class  elements. 

1  Select  Window  >  Component  panel. 

2  Select  an  instance  of  a  component  in  the  Component  panel,  and  drag  it  to  the  Stage  or  Library  panel.  After  a 
component  is  added  to  the  library,  you  can  drag  multiple  instances  to  the  Stage. 

3  Configure  the  component  as  needed  using  either  the  Property  inspector  or  the  Components  inspector.  For 
information  on  the  parameters  the  component  uses,  refer  to  the  appropriate  component  documentation  for  the 
version  of  ActionScript  you  are  using  in  the  Flash  document. 

Enter  parameters  for  a  component  using  the  Component  inspector 

1  Select  Window  >  Component  Inspector. 

2  Select  an  instance  of  a  component  on  the  Stage. 

3  Click  the  Parameters  tab  and  enter  values  for  any  of  the  listed  parameters. 

About  the  Web  Services  panel 

You  can  view  a  list  of  web  services,  refresh  web  services,  and  add  or  remove  web  services  in  the  Web  Services  panel 
(Window  >  Other  Panels  >  Web  Services).  When  you  add  a  web  service  to  the  Web  Services  panel,  the  web  service  is 
then  available  to  any  application  you  create. 

You  can  use  the  Web  Services  panel  to  refresh  all  your  web  services  at  once  by  clicking  the  Refresh  Web  Services  button. 
If  you  are  not  using  the  Stage  but  instead  are  writing  ActionScript  code  for  the  connectivity  layer  of  your  application, 
you  can  use  the  Web  Services  panel  to  manage  your  web  services. 

For  detailed  information  about  using  the  web  services  panel,  see  www.adobe.com/go/learn_fl_web_services. 

More  Help  topics 

Work  with  libraries 

About  ActionScript  3.0  Components 


Timeline  layers 


Create  and  organize  layers 

Layers  help  you  organize  the  artwork  in  your  document.  You  can  draw  and  edit  objects  on  one  layer  without  affecting 
objects  on  another  layer.  In  areas  of  the  Stage  with  nothing  on  a  layer,  you  can  see  through  it  to  the  layers  below. 

To  draw,  paint,  or  otherwise  modify  a  layer  or  folder,  select  the  layer  in  the  Timeline  to  make  it  active.  A  pencil  icon 
next  to  a  layer  or  folder  name  in  the  Timeline  indicates  that  the  layer  or  folder  is  active.  Only  one  layer  can  be  active  at 
a  time  (although  more  than  one  layer  can  be  selected  at  a  time). 
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When  you  create  a  Flash  Professional  document,  it  contains  only  one  layer.  To  organize  the  artwork,  animation,  and 
other  elements  in  your  document,  add  more  layers.  You  can  also  hide,  lock,  or  rearrange  layers.  The  number  of  layers 
you  can  create  is  limited  only  by  your  computer’s  memory,  and  layers  do  not  increase  the  file  size  of  your  published 
SWF  file.  Only  the  objects  you  place  into  layers  add  to  the  file  size. 

To  organize  and  manage  layers,  create  layer  folders  and  place  layers  in  them.  You  can  expand  or  collapse  layer  folders 
in  the  Timeline  without  affecting  what  you  see  on  the  Stage.  Use  separate  layers  or  folders  for  sound  files,  ActionScript, 
frame  labels,  and  frame  comments.  This  helps  you  find  these  items  quickly  to  edit  them. 

To  help  create  sophisticated  effects,  use  special  guide  layers  to  make  drawing  and  editing  easier,  and  to  make  mask 
layers. 

There  are  five  types  of  layers  you  can  use  in  Flash: 

•  Normal  layers  contain  most  of  the  artwork  in  a  FLA  file. 

•  Mask  layers  contain  objects  used  as  masks  to  hide  selected  portions  of  layers  below  them.  For  more  information,  see 
Using  mask  layers. 

•  Masked  layers  are  layers  beneath  a  mask  layer  that  you  associate  with  the  mask  layer.  Only  the  portion  of  the  masked 
layer  revealed  by  the  mask  is  visible.  For  more  information,  see  Using  mask  layers. 

•  Guide  layers  contain  strokes  that  can  be  used  to  guide  the  arrangement  of  objects  on  other  layers  or  the  motion  of 
classic  tween  animations  on  other  layers.  For  more  information,  see  Guide  layers  and  Create  classic  tween  animation 
along  a  path. 

•  Guided  layers  are  layers  associated  with  a  guide  layer.  The  objects  on  the  guided  layer  can  be  arranged  or  animated 
along  the  strokes  on  the  guide  layer.  Guided  layers  can  contain  static  artwork  and  classic  tweens,  but  not  motion 
tweens. 

•  Motion  Tween  layers  contain  objects  animated  with  motion  tweens.  For  more  information,  see  About  tweened 
animation. 

•  Armature  layers  contain  objects  with  inverse  kinematics  bones  attached.  For  more  information,  see  Bone  tool. 

Normal,  Mask,  Masked,  and  Guide  layers  can  contain  motion  tweens  or  inverse  kinematic  bones.  When  these  items  are 
present  in  one  of  these  layers,  there  are  limitations  to  the  types  of  content  that  can  be  added  to  the  layer.  For  more 
information,  see  Motion  tweens  and  Bone  tool. 


Create  a  layer 

When  you  create  a  layer,  it  appears  above  the  selected  layer.  The  newly  added  layer  becomes  the  active  layer. 

❖  Do  one  of  the  following: 

•  Click  the  New  Layer  button  jat  the  bottom  of  the  Timeline. 

•  Select  Insert  >  Timeline  >  Layer. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  a  layer  name  in  the  Timeline  and  select  Insert  Layer  from 
the  context  menu. 


Create  a  layer  folder 

❖  Do  one  of  the  following: 

•  Select  a  layer  or  folder  in  the  Timeline  and  select  Insert  >  Timeline  >  Layer  Folder. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  a  layer  name  in  the  Timeline  and  select  Insert  Folder  from 
the  context  menu.  The  new  folder  appears  above  the  layer  or  folder  you  selected. 
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•  Click  the  New  Folder  icon  _j  at  the  bottom  of  the  Timeline.  The  new  folder  appears  above  the  layer  or  folder  you 
selected. 


Organize  layers  and  layer  folders 

To  organize  your  document,  rearrange  layers  and  folders  in  the  Timeline. 

Layer  folders  help  organize  your  workflow  by  letting  you  place  layers  in  a  tree  structure.  To  see  the  layers  a  folder 
contains  without  affecting  which  layers  are  visible  on  the  Stage,  expand  or  collapse  the  folder.  Folders  can  contain  both 
layers  and  other  folders,  allowing  you  to  organize  layers  in  much  the  same  way  you  organize  files  on  your  computer. 

The  layer  controls  in  the  Timeline  affect  all  layers  within  a  folder.  For  example,  locking  a  layer  folder  locks  all  layers 
within  that  folder. 

•  To  move  a  layer  or  layer  folder  into  a  layer  folder,  drag  the  layer  or  layer  folder  name  to  the  destination  layer  folder 
name. 

•  To  change  the  order  of  layers  or  folders,  drag  one  or  more  layers  or  folders  in  the  Timeline  to  the  desired  position. 

•  To  expand  or  collapse  a  folder,  click  the  triangle  to  the  left  of  the  folder  name. 

•  To  expand  or  collapse  all  folders,  Right-click  (Windows)  or  Control-click  (Macintosh)  and  select  Expand  All  Folders 
or  Collapse  All  Folders. 

Rename  a  layer  or  folder 

By  default,  new  layers  are  named  by  the  order  in  which  they  are  created:  Layer  1,  Layer  2,  and  so  on.  To  better  reflect 
their  contents,  rename  layers. 

•  Do  one  of  the  following: 

•  Double-click  the  name  of  the  layer  or  folder  in  the  Timeline  and  enter  a  new  name. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  the  name  of  the  layer  or  folder  and  select  Properties  from 
the  context  menu.  Enter  the  new  name  in  the  Name  box  and  click  OK. 

•  Select  the  layer  or  folder  in  the  Timeline  and  select  Modify  >  Timeline  >  Layer  Properties.  Enter  the  new  name 
in  the  Name  box  and  click  OK. 


Select  a  layer  or  folder 

❖  Do  one  of  the  following: 

•  Click  the  name  of  a  layer  or  folder  in  the  Timeline. 

•  Click  any  frame  in  the  Timeline  of  the  layer  to  select. 

•  Select  an  object  on  the  Stage  that  is  located  in  the  layer  to  select. 

•  To  select  contiguous  layers  or  folders,  Shift-click  their  names  in  the  Timeline. 

•  To  select  non-contiguous  layers  or  folders,  Control-click  (Windows)  or  Command-click  (Macintosh)  their 
names  in  the  Timeline. 

Copy  frames  from  a  single  layer 

1  Select  a  range  of  frames  in  a  layer.  To  select  the  entire  layer,  click  the  layer  name  in  the  Timeline. 

2  Select  Edit  >  Timeline  >  Copy  Frames. 

3  Click  the  frame  where  you  want  to  begin  pasting  and  select  Edit  >  Timeline  >  Paste  Frames.  To  paste  and  replace  the 
exact  number  of  copied  frames  on  the  target  timeline,  use  the  Paste  and  Overwrite  Frames  option. 
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A  Select  frames  and  copy.  B  Right-click  on  the  frame  on  which  you  want  to  paste  and  select  Paste  and  Overwrite  Frames.  C  The  pasted  frames 
overwrite  the  exact  number  of  frames  on  the  timeline. 

Copy  frames  from  a  layer  folder 

1  Collapse  the  folder  (click  the  triangle  to  the  left  of  the  folder  name  in  the  Timeline)  and  click  the  folder  name  to 
select  the  entire  folder. 

2  Select  Edit  >  Timeline  >  Copy  Frames. 

3  To  create  a  folder,  select  Insert  >  Timeline  >  Layer  Folder. 

4  Click  the  new  folder  and  select  Edit  >  Timeline  >  Paste  Frames. 

Delete  a  layer  or  folder 

1  To  select  the  layer  or  folder,  click  its  name  in  the  Timeline  or  any  frame  in  the  layer. 

2  Do  one  of  the  following: 

•  Click  the  Delete  Layer  button  in  the  Timeline. 

•  Drag  the  layer  or  folder  to  the  Delete  Layer  button. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  the  layer  or  folder  name  and  select  Delete  Layer  from  the 
context  menu. 

note:  When  you  delete  a  layer  folder,  all  the  enclosed  layers  and  all  their  contents  are  also  deleted. 

Lock  or  unlock  one  or  more  layers  or  folders 

•  To  lock  a  layer  or  folder,  click  in  the  Lock  column  to  the  right  of  the  name.  To  unlock  the  layer  or  folder,  click  in  the 
Lock  column  again. 

•  To  lock  all  layers  and  folders,  click  the  padlock  icon.  To  unlock  all  layers  and  folders,  click  it  again. 

•  To  lock  or  unlock  multiple  layers  or  folders,  drag  through  the  Lock  column. 

•  To  lock  all  other  layers  or  folders,  Alt-click  (Windows)  or  Option-click  (Macintosh)  in  the  Lock  column  to  the  right 
of  a  layer  or  folder  name.  To  unlock  all  layers  or  folders,  Alt-click  or  Option-click  in  the  Lock  column  again. 

Copy  and  paste  layers  (CS5.5  only) 

You  can  copy  entire  layers  and  layer  folders  in  the  timeline  and  paste  them  into  the  same  timeline  or  separate  timelines. 
Any  type  of  layer  can  be  copied. 
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When  you  copy  and  paste  layers,  the  layer  folder  structure  of  copied  layers  is  preserved. 

1  Select  one  or  more  layers  in  the  Timeline  by  clicking  the  layer  name.  Shift-click  to  select  contiguous  layers.  Control- 
click  (Windows)  or  Command-click  (Macintosh)  to  select  non-contiguous  layers. 

2  Choose  Edit  >  Timeline  >Copy  Layers  or  Cut  Layers.  You  can  also  right-click  the  layers  and  choose  Copy  Layers  or 
Cut  Layers  from  the  context  menu. 

3  In  the  timeline  you  want  to  paste  into,  select  the  layer  immediately  below  where  you  want  the  pasted  layers  to  be 
inserted. 

4  Choose  Edit  >  Timeline  >  Paste  Layers. 

The  layers  appear  in  the  Timeline  above  the  layer  you  selected.  If  you  have  a  layer  folder  selected,  the  pasted  layers 
appear  inside  the  folder. 

To  paste  a  layer  into  a  mask  or  guide  layer  you  must  first  select  a  layer  under  that  mask  or  guide  and  then  paste.  You 
cannot  paste  either  a  mask,  guide,  or  folder  layer  underneath  a  mask  or  guide  layer. 

You  can  also  duplicate  layers  by  selecting  layers  and  choosing  Edit  >  Timeline  >Duplicate  Layers.  The  new  layers  will 
have  the  word  “copy”  appended  to  the  layer  name. 


View  layers  and  layer  folders 


Show  or  hide  a  layer  or  folder 

A  red  X  next  to  the  name  of  a  layer  or  folder  in  the  Timeline  indicates  that  a  layer  or  folder  is  hidden.  In  the  publish 

settings,  you  can  choose  whether  hidden  layers  are  included  when  you  publish  a  SWF  file. 

•  To  hide  a  layer  or  folder,  click  in  the  Eye  column  to  the  right  of  the  layer  or  folder  name  in  the  Timeline.  To  show 
the  layer  or  folder,  click  in  it  again. 

•  To  hide  all  the  layers  and  folders  in  the  Timeline,  click  the  Eye  icon.  To  show  all  layers  and  folders,  click  it  again. 

•  To  show  or  hide  multiple  layers  or  folders,  drag  through  the  Eye  column. 

•  To  hide  all  layers  and  folders  other  than  the  current  layer  or  folder,  Alt-click  (Windows)  or  Option-click  (Macintosh) 
in  the  Eye  column  to  the  right  of  a  layer  or  folder  name.  To  show  all  layers  and  folders,  Alt-click  or  Option-click  it 
again. 


View  the  contents  of  a  layer  as  outlines 

To  distinguish  which  layer  an  object  belongs  to,  display  all  objects  on  a  layer  as  colored  outlines. 

•  To  display  all  objects  on  that  layer  as  outlines,  click  in  the  Outline  column  to  the  right  of  the  layer’s  name.  To  turn 
off  outline  display,  click  in  it  again. 

•  To  display  objects  on  all  layers  as  outlines,  click  the  outline  icon.  To  turn  off  outline  display  on  all  layers,  click  it 
again. 

•  To  display  objects  on  all  layers  other  than  the  current  layer  as  outlines,  Alt-click  (Windows)  or  Option-click 
(Macintosh)  in  the  Outline  column  to  the  right  of  a  layer’s  name.  To  turn  off  the  outline  display  for  all  layers, 
Alt-click  or  Option-click  in  it  again. 

Change  a  layer's  outline  color 

1  Do  one  of  the  following: 

•  Double-click  the  layer’s  icon  (the  icon  to  the  left  of  the  layer  name)  in  the  Timeline. 
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•  Right-click  (Windows)  or  Control-click  (Macintosh)  the  layer  name  and  select  Properties  from  the  context 
menu. 

•  Select  the  layer  in  the  Timeline  and  select  Modify  >  Timeline  >  Layer  Properties. 

2  In  the  Layer  Properties  dialog  box,  click  the  Outline  Color  box,  select  a  new  color,  and  click  OK. 

Note:  Motion  paths  on  the  layer  also  use  the  layer  outline  color. 


(Flash  Professional  CC  only)  Setting  Properties  to  Multiple  layers 

1  In  Flash  Professional  CC,  create  a  FLA  file  or  open  an  existing  one. 

2  If  you  have  not  already  done  so,  add  at  least  two  layers. 

3  Select  those  layers  whose  properties  you  want  to  modify,  right-click  and  select  Properties. 

4  On  the  Layer  Properties  dialog,  modify  the  properties  that  you  want  to. 

5  Click  OK 

Show  or  hide  a  layer  or  folder 

A  red  X  next  to  the  name  of  a  layer  or  folder  in  the  Timeline  indicates  that  a  layer  or  folder  is  hidden.  In  the  publish 
settings,  you  can  choose  whether  hidden  layers  are  included  when  you  publish  a  SWF  file. 

•  To  hide  a  layer  or  folder,  click  in  the  Eye  column  to  the  right  of  the  layer  or  folder  name  in  the  Timeline.  To  show 
the  layer  or  folder,  click  in  it  again. 

•  To  hide  all  the  layers  and  folders  in  the  Timeline,  click  the  Eye  icon.  To  show  all  layers  and  folders,  click  it  again. 

•  To  show  or  hide  multiple  layers  or  folders,  drag  through  the  Eye  column. 

•  To  hide  all  layers  and  folders  other  than  the  current  layer  or  folder,  Alt-click  (Windows)  or  Option-click  (Macintosh) 
in  the  Eye  column  to  the  right  of  a  layer  or  folder  name.  To  show  all  layers  and  folders,  Alt-click  or  Option-click  it 
again. 


View  the  contents  of  a  layer  as  outlines 

To  distinguish  which  layer  an  object  belongs  to,  display  all  objects  on  a  layer  as  colored  outlines. 

•  To  display  all  objects  on  that  layer  as  outlines,  click  in  the  Outline  column  to  the  right  of  the  layer’s  name.  To  turn 
off  outline  display,  click  in  it  again. 

•  To  display  objects  on  all  layers  as  outlines,  click  the  outline  icon.  To  turn  off  outline  display  on  all  layers,  click  it 
again. 

•  To  display  objects  on  all  layers  other  than  the  current  layer  as  outlines,  Alt-click  (Windows)  or  Option-click 
(Macintosh)  in  the  Outline  column  to  the  right  of  a  layer’s  name.  To  turn  off  the  outline  display  for  all  layers, 
Alt-click  or  Option-click  in  it  again. 

Change  a  layer's  outline  color 

1  Do  one  of  the  following: 

•  Double-click  the  layer’s  icon  (the  icon  to  the  left  of  the  layer  name)  in  the  Timeline. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  the  layer  name  and  select  Properties  from  the  context 
menu. 

•  Select  the  layer  in  the  Timeline  and  select  Modify  >  Timeline  >  Layer  Properties. 

2  In  the  Layer  Properties  dialog  box,  click  the  Outline  Color  box,  select  a  new  color,  and  click  OK. 
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Note:  Motion  paths  on  the  layer  also  use  the  layer  outline  color. 

More  Help  topics 


Moving  and  copying  objects 


Move  objects  by  dragging 

1  Select  an  object  or  multiple  objects. 

2  Select  the  Selection  tool  ^ ,  position  the  pointer  over  the  object,  and  do  one  of  the  following: 

•  To  move  the  object,  drag  it  to  the  new  position. 

•  To  copy  the  object  and  move  the  copy,  Alt-drag  (Windows)  or  Option-drag  (Macintosh). 

•  To  constrain  the  object’s  movement  to  multiples  of  45°,  Shift-drag. 

Move  objects  by  using  the  arrow  keys 

1  Select  an  object  or  multiple  objects. 

2  Do  one  of  the  following: 

•  To  move  the  selection  1  pixel  at  a  time,  press  the  arrow  key  for  the  direction  in  which  you  want  the  object  to  move. 

•  To  move  the  selection  10  pixels  at  a  time,  press  Shift+arrow  key. 

Note:  When  Snap  To  Pixels  is  selected,  the  arrow  keys  move  objects  by  pixel  increments  on  the  document’s  pixel  grid,  not 
by  pixels  on  the  screen. 

Move  objects  by  using  the  Property  inspector 

1  Select  an  object  or  multiple  objects. 

2  If  the  Property  inspector  is  not  visible,  select  Window  >  Properties. 

3  Enter  x  and  y  values  for  the  location  of  the  upper-left  corner  of  the  selection. 

The  units  are  relative  to  the  upper-left  corner  of  the  Stage. 

Note:  The  Property  inspector  uses  the  units  specified  for  the  Ruler  Units  option  in  the  Document  Properties  dialog  box. 

Move  objects  by  using  the  Info  panel 

1  Select  an  object  or  multiple  objects. 

2  If  the  Info  Panel  is  not  visible,  select  Window  >  Info. 

3  Enter  x  and  y  values  for  the  location  of  the  upper-left  corner  of  the  selection. 

The  units  are  relative  to  the  upper-left  corner  of  the  Stage. 
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Move  and  copy  objects  by  pasting 

To  move  or  copy  objects  between  layers,  scenes,  or  other  Flash  files,  use  the  pasting  technique.  You  can  paste  an  object 
in  a  position  relative  to  its  original  position. 

1  Select  an  object  or  multiple  objects. 

2  Select  Edit  >  Cut  or  Edit  >  Copy. 

3  Select  another  layer,  scene,  or  file,  and  then  select  Edit  >  Paste  In  Place  to  paste  the  selection  in  the  same  position 
relative  to  the  Stage.  Select  Edit  >  Paste  In  Center  to  paste  the  selection  in  the  center  of  the  work  area. 


Copying  objects  with  the  clipboard 

Elements  copied  to  the  clipboard  are  anti-aliased,  so  they  look  as  good  in  other  applications  as  they  do  in  Flash.  This 
feature  is  useful  for  frames  that  include  a  bitmap  image,  gradients,  transparency,  or  a  mask  layer. 

Graphics  pasted  from  other  Flash  documents  or  programs  are  placed  in  the  current  frame  of  the  current  layer.  How  a 
graphic  element  is  pasted  into  a  Flash  scene  depends  on  the  type  of  element  it  is,  its  source,  and  the  preferences  you 
have  set: 

•  Text  from  a  text  editor  becomes  a  single  text  object. 

•  Vector-based  graphics  from  any  drawing  program  become  a  group  that  can  be  ungrouped  and  edited. 

•  Bitmaps  become  a  single  grouped  object  just  like  imported  bitmaps.  You  can  break  apart  pasted  bitmaps  or  convert 
pasted  bitmaps  to  vector  graphics. 

Note:  Before  pasting  graphics  from  Illustrator  into  Flash,  convert  colors  to  RGB  in  Illustrator. 

Copy  transformed  objects 

You  can  create  a  scaled,  rotated,  or  skewed  copy  of  an  object. 

1  Select  an  object. 

2  Select  Window  >  Transform. 

3  Enter  scale,  rotation,  or  skew  values. 

4  Click  the  Duplicate  Selection  and  Transform  button  4jin  the  Transform  panel. 


Sync  Flash  Professional  Preferences  with  Creative  Cloud 

Flash  Professional  is  now  fully  integrated  with  Creative  Cloud.  It  allows  you  to  synchronize  Preferences  to  Creative 
Cloud,  first,  and  across  multiple  machines  (a  maximum  of  two).  Besides  maintaining  a  backup  on  Creative  Cloud,  the 
sync  preferences  feature  allows  you  to  restore  and  reuse  preferences  despite  reinstalling  Flash  Pro. 

The  following  set  of  preferences  can  be  synced  with  the  Creative  Cloud  and  across  multiple  machines: 

•  Workspace:  Includes  syncing  active  workspace  and  user  defined  workspaces.  When  downloaded  on  a  different 
machine,  panels  retain  their  positions  with  appropriate  adjustments  made  according  to  the  screen  resolution. 

•  Keyboard  Shortcuts/custom  presets:  Default  and  customized  shortcut  keys. 

•  Document  Properties:  Includes  document  settings  related  to  Stage. 

•  Application  Level  Preferences:  Includes  options  set  in  the  following  tabs  in  Preferences  panel: 

•  General 
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•  Code  Editor 

•  Script  files 

•  Text 

•  Drawing 

•  Sprite  Sheet  Preferences:  Output  options  for  Sprite  Sheet  Generator,  including  Image  Dimension,  Algorithm,  Data 
Format,  and  so  on. 

•  Grid,  Guide,  and  Snapping  Settings:  Gride,  Guide,  and  Snapping  options  set  using  View  menu  in  Flash 
Professional  CC. 


Sync  Settings 


Code  Editor 
Script  Files 
Compiler 
Text 
Drawing 


Adobe  ID 

Last  sync:  18-Nov-13;  6:07  PM 
Signed  in  as:  UMESH@ADOBE.COM 

Sync  Options 

Sync:  All  ▼ 

'S  Application  Preferences 

V  Workspaces 
"S  Default  Document  Settings 
Keyboard  Shortcuts 
v'  Grid,  Guides  and  Snapping  Settings 
'S  Sprite  Sheet  Settings 


Sync  Settings  Now 
Manage  Account 


You  can  also  choose  to  sync  preferences  across  two  different  platforms  (MAC  and  Windows).  However,  due  to  various 
differences  in  the  operating  systems,  there  are  limitations  when  syncing  across  platforms.  Certain  settings  cannot  be 
synced.  For  example,  keyboard  shortcuts  that  include  control  (MAC),  are  ignored  when  downloading  Preferences  on 
a  Windows  machine. 
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Syncing  Flash  Professional  Preferences  with  Creative  Cloud 

1  Launch  Flash  Pro  CC. 

2  On  launching  Flash  Professional  CC  for  the  first  time,  the  Adobe  Flash  Professional  dialog  is  displayed. 

1  Begin  Syncing:  Click  the  Sync  Settings  Now  button  to  begin  syncing  Flash  Professional  preferences  with 
Creative  Cloud. 

2  Modify  Default  Sync  Settings:  Click  Advanced.  The  Sync  Settings  section  of  the  Preferences  Panel  is  displayed. 
Review  or  modify  these  settings,  if  necessary. 

3  Disable  Syncing:  Click  the  Disable  Sync  Settings  button  to  disable  syncing  Flash  Professional  preferences  with 
Creative  Cloud. 

4  At  any  point  in  time,  if  you  want  to  sync  with  the  Creative  Cloud,  click  the  button  in  the  Title  Bar  of  Flash  Pro 
CC,  and  click  Sync  Settings  Now. 

5  Also,  to  modify  Sync  Settings,  go  to  Edit  >  Preferences  >  Sync  Settings.  You  can  click  the  Sync  Settings  Now  button 
to  sync  the  modified  settings  with  Creative  Cloud. 


Adobe  Flash  Professional 

II  X  J 

/£>*■ 

Flash  Professional  securely  syncs  your 

(GBl-=  -= 

preferences  and  settings  with  Creative  Cloud. 

... 

Click  Sync  Settings  Now  to  sync  settings. 

Advanced... 

Disable  Sync  Settings  1  Sync  Settings  Now 

1 

Downloading  Preferences  from  the  Creative  Cloud 

You  can  sync  Flash  Professional  Preferences  across  two  systems.  You  can  modify  preferences  on  a  computer,  sync  these 
modified  settings  with  the  Creative  Cloud,  and  download  the  same  on  a  different  computer. 
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If  Preferences  on  the  second  computer  are  default  or  unmodified,  then  you  can  download  Preferences  from  Creative 
Cloud.  When  Preferences  are  downloaded  successfully  on  to  a  system,  the  Updated  Settings  Are  Ready  dialog  is 
displayed  indicating  the  same. 

However,  a  case  of  conflict  occurs  if  Preferences  are  modified  without  syncing  with  the  Creative  Cloud.  For  more 
information  on  how  to  resolve  such  conflicts,  see  Resolving  Sync  Conflicts  . 

For  example,  consider  that  you  modified  Keyboard  Shortcuts  on  a  computer  at  work  and  synced  it  with  the  Creative 
Cloud.  You  can  then  download  and  apply  these  preferences  at  home  on  a  different  computer. 

1  Launch  Flash  Pro  CC. 

2  In  Flash  Pro  CC,  click  the  [j^jbutton. 

3  Click  the  Sync  Settings  Now  button. 

4  On  the  Updated  Settings  Ready  dialog,  click  Apply  to  override  current  preferences  with  the  downloaded  copy. 


(?S)  Updated  Settings  are  ready 

Apply 


Note:  If  you  quit  Flash  before  applying  the  downloaded  preferences,  they  are  automatically  applied  on  relaunching  the 
application. 


Resolving  Conflicts 

When  using  multiple  machines,  you  can  modify  sync  settings  on  any  of  the  machines.  However,  a  case  of  conflict  occurs 
if  you  further  modify  the  same  settings  on  a  different  computer. 

For  example,  consider  that  you  have  modified  the  Sprite  Sheet  settings  on  your  machine  at  work  (office).  You  further 
modify  these  settings  on  a  machine  at  home.  If  the  machine  at  home  was  not  synced  with  Cloud  before  modifying  Sprite 
Sheet  settings,  a  case  of  conflict  occurs. 

To  resolve  such  a  conflict: 

1  In  Flash  Pro  CC,  click  the  [p»~|button. 

2  The  following  dialog  box  is  displayed: 


(&)  There  are  sync  conflicts 

Choose  which  settings  to  keep. 
Sync  Local  Sync  Cloud 


❖  You  can  choose  to  retain  local  settings  or  download  settings  from  Creative  Cloud  by  using  one  of  the  following 
options: 

Sync  Local  Sync  local  settings  on  this  computer  to  Creative  Cloud;  overwrite  Creative  Cloud  version  with  the  local 
version  of  settings. 

Sync  Cloud  Sync  from  Creative  Cloud  to  your  local  computer;  ignore  changes  made  to  the  local  settings  and  replace 
them  with  the  settings  downloaded  from  Creative  Cloud. 


Last  updated  6/1 2/2015 


Workspace  and  workflow 


147 


Troubleshooting 

•  Keyboard  Shortcuts  added  to  presets  with  invalid  names  (names  not  supported  by  the  OS)  are  not  synced  with 
Creative  Cloud. 

•  Also,  Keyboard  Shortcuts  listed  under  different  menus  are  not  synced  across  systems  of  different  platforms.  For 
example,  Font  Mapping  command  is  listed  under  different  Menus  in  MAC  and  Windows  versions  of  Flash 
Professional  CC.  If  Font  Mapping  is  assigned  a  new  keyboard  shortcut  on  MAC  and  synced  with  Creative  Cloud,  it 
cannot  be  downloaded  and  used  on  Windows. 

•  Font  Settings  are  not  synced  with  Creative  Cloud. 

•  Handling  Errors: 

•  No  Internet  Connection:  If  there  is  no  Internet  connection,  Flash  Pro  CC  throws  an  error,  and  Sync  Settings 
cannot  be  uploaded  to  or  downloaded  from  Creative  Cloud.  Ensure  that  the  system  is  connected  to  a  non-faulty 
internet  connection. 

•  Server  is  Busy:  If  the  Creative  Cloud  server  is  busy,  Flash  Pro  CC  throws  an  error,  and  Preferences  cannot  be 
synced  from  the  Creative  Cloud. 

•  Low  Disk  Space:  If  there  is  less  disk  space  on  the  local  system,  Flash  Pro  CC  throws  an  error  and  fails  to 
download  Preferences  from  the  Creative  Cloud. 


Working  with  Adobe  Color  panel 

Adobe*  Color*  is  a  web-based  application  used  to  experiment  with,  create,  and  share  color  themes  that  you  use  in  a 
project.  Flash  Professional  CC  is  integrated  with  Color  panel  that  enables  you  to  view  and  use  the  color  themes  that  you 
have  created  or  marked  as  favorite  in  the  Adobe  Color  application.  For  more  information  about  Adobe  Color,  visit  this 
link. 


Color  panel 

In  Flash  Professional  CC,  the  Adobe  Color  panel  (Windows  >  Extensions  >  Adobe  Color  themes)  displays: 

•  Themes  you  have  created,  and  are  synced  with  your  account  on  the  Adobe  Color  website  (color.adobe.com). 

•  Public  themes  that  you  have  marked  as  a  favorite  themes  on  the  Adobe  Color  website. 

The  Adobe  ID  used  in  Flash  Professional  CC  is  automatically  used  to  sign-in  to  the  Adobe  Color  website,  and  the  Color 
panel  is  refreshed. 

Note:  If  the  credentials  you  are  using  with  Flash  Professional  CC  do  not  have  an  associated  Color  ID,  then  a  Color  ID  is 
automatically  created  using  the  Flash  Pro  CC  credentials.  You  can  then  access  the  Adobe  Color  website  using  your  Adobe 
ID  credentials. 


Using  the  Color  panel 

Note:  For  the  Color  panel  to  work,  Internet  connectivity  is  required  when  you  launch  Flash  Professional.  Color  Panel  cannot 
be  used,  if  you  do  not  have  Internet  connectivity. 
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The  swatches  and  color  themes  available  in  the  Color  panel  are  read-only.  You  can  use  a  swatch  or  theme  in  your 
artwork,  directly  from  the  Color  panel.  However,  to  modify  a  swatch  or  color  theme,  first  add  them  to  the  Swatches 
panel. 

1  Click  Window  >  Extensions  >  Adobe  Color  themes  to  open  the  Color  panel. 

All  themes  available  in  your  Adobe  Color  account  when  Flash  Pro  was  launched  are  displayed  in  the  Color  Panel. 

2  If  you  have  added  a  theme  in  Color  after  you  started  Flash  Pro,  click  Refresh  in  the  Color  panel  to  include  the  latest 
theme. 


© 

0 


© 


© 


D 


E 


A  Theme  search  by  name  B  Favorite  theme  icon  C  Theme  folder  icon  D  Refresh  E  Launch  Color  website  F  Theme  name 


Note:  The  Color  panel  lists  the  themes  that  you  have  created ,  modified,  or  marked  as  favorite  (listed  under  Adobe  Color 
website  >  My  color) 

3  You  can  add  an  entire  theme  to  your  Swatches  panel  (Window  >  Swatches)  by  clicking  the  Theme  Folder  or  Favorite 
Theme  icon.  The  theme  is  added  to  the  Color  folder  within  Swatches  panel. 
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4  If  you  have  an  extensive  list  of  themes,  search  the  theme  using  the  Find  box.  Searches  are  performed  on  the  names 
of  the  themes. 


Templates 


About  templates 

Flash  Professional  templates  provide  you  with  easy-to-use  starting  points  for  common  projects.  The  New  File  dialog 
box  provides  a  preview  and  description  of  each  template.  Templates  are  available  in  six  categories: 

•  Advertising  -  these  include  common  Stage  sizes  used  in  online  ads. 

•  Animation  -  these  include  many  common  types  of  animations,  including  motion,  highlighting,  glow,  and  easing. 

•  Banners  -  includes  common  sizes  and  functionality  used  in  website  interfaces. 

•  Media  Playback  -  includes  photo  albums  and  playback  of  several  video  dimensions  and  aspect  ratios. 

•  Presentations  -  includes  simple  and  more  complex  presentation  styles. 

•  Sample  Files  -  these  provide  examples  of  commonly  used  features  in  Flash  Professional. 

A  note  about  advertising  templates 

Advertising  templates  facilitate  the  creation  of  standard  rich  media  types  and  sizes  defined  by  the  Interactive 
Advertising  Bureau  (IAB)  and  accepted  by  the  online  advertising  industry.  For  more  information  on  IAB-endorsed  ad 
types,  see  the  IAB  site  at  IAB.net. 

Test  your  ads  for  stability  in  various  browser  and  platform  combinations.  Your  ad  application  is  considered  stable  if  it 
doesn’t  cause  error  messages,  browser  crashes,  or  system  crashes. 

Work  with  webmasters  and  network  administrators  to  create  detailed  test  plans  that  include  the  tasks  you  expect  your 
audience  to  do  within  the  ad.  Example  test  plans  are  available  at  the  IAB  Rich  Media  testing  section  ofIAB.net.  Size  and 
file  format  requirements  of  ads  can  vary  by  vendor  and  website.  Check  with  your  vendor,  ISP,  or  the  IAB  to  learn  about 
these  requirements  that  affect  the  ad’s  design. 


Use  a  template 

1  Select  File  >  New. 

2  In  the  New  File  dialog  box,  click  the  Templates  tab. 

3  Select  a  template  from  one  of  the  categories  and  click  OK. 

4  Add  content  to  the  FLA  file  that  opens. 

5  Save  and  publish  the  file. 

Additional  resources 

For  more  information  on  authoring  Flash  Professional  files  for  mobile  devices,  see  the  Adobe*  Mobile  Devices  site  at 
www. adobe.com/ go/ devnet_devices. 
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Create  a  sprite  sheet 


Creating  sprite  sheets 

A  sprite  sheet  is  a  bitmap  image  file  that  contains  several  smaller  graphics  in  a  tiled  grid  arrangement.  By  compiling 
several  graphics  into  a  single  file,  you  enable  Flash  Professional  and  other  applications  to  use  the  graphics  while  only 
needing  to  load  a  single  file.  This  loading  efficiency  can  be  very  helpful  in  situations  such  as  game  development  where 
performance  is  especially  important. 


You  can  create  a  sprite  sheet  from  a  selection  of  any  combination  of  movie  clips,  button  symbols,  graphic  symbols,  or 
bitmaps.  You  can  select  items  in  the  Library  panel  or  on  the  Stage,  but  not  both.  Each  bitmap  and  each  frame  of  the 
selected  symbols  will  appear  as  a  separate  graphic  in  the  sprite  sheet.  If  you  export  from  the  Stage,  any  transforms 
(scaling,  skewing,  etc.)  you  have  applied  to  the  symbol  instance  are  preserved  in  the  image  output. 

To  create  a  sprite  sheet: 

1  Select  one  or  more  symbols  in  the  Library  or  symbol  instances  on  the  Stage.  The  selection  can  also  contain  bitmaps. 

2  Right-click  the  selection  and  choose  Generate  Sprite  Sheet. 

3  In  the  Generate  Sprite  Sheet  dialog  box,  select  options  and  then  click  Export. 

The  following  export  options  are  available: 

Image  Dimensions  The  total  size  in  pixels  of  the  sprite  sheet.  The  default  setting  is  Autosize,  which  sizes  the  sheet  to  fit 
all  the  sprites  you  include. 

Image  Format  The  file  format  of  the  exported  sprite  sheet.  PNG  8  bit  and  PNG  32-bit  each  support  using  a  transparent 
background  (alpha  channel).  PNG  24  bit  and  JPG  do  not  support  transparent  backgrounds.  Generally,  the  visual 
difference  between  PNG  8  bit  and  PNG  32  bit  is  small.  PNG  32  bit  files  will  be  4  times  as  large  as  8-bit  PNG  bit  files. 

Border  Padding  Padding  around  the  edges  of  the  sprite  sheet,  in  pixels 

Shape  Padding  Padding  between  each  image  within  the  sprite  sheet,  in  pixels. 

Algorithm  The  technique  used  for  packing  the  images  into  the  sprite  sheet.  There  are  two  options: 

•  Basic  (default) 

•  MaxRects 

Data  Format  The  internal  format  used  for  the  image  data.  Choose  the  format  that  best  suits  your  intended  workflow 
for  the  sprite  sheet  after  export.  The  default  is  the  Starling  format. 

Rotate  Rotates  the  sprites  90  degrees.  This  option  is  only  available  for  some  data  formats. 
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Trim  This  option  saves  space  on  the  sprite  sheet  by  trimming  unused  pixels  from  each  symbol  frame  added  to  the  sheet. 

Stack  Frames  Selecting  this  option  prevents  duplicate  frames  within  the  selected  symbols  from  being  duplicated  in  the 
resulting  sprite  sheet. 


Find  and  Replace  in  Flash 

About  Find  and  Replace 

The  Find  and  Replace  feature  lets  you  do  the  following: 

•  Search  for  a  text  string,  a  font,  a  color,  a  symbol,  a  sound  file,  a  video  file,  or  an  imported  bitmap  file. 

•  Replace  the  specified  element  with  another  element  of  the  same  type.  Different  options  are  available  in  the  Find  and 
Replace  dialog  box  depending  on  the  type  of  specified  element. 

•  Find  and  replace  elements  in  the  current  document  or  the  current  scene. 

•  Search  for  the  next  occurrence  or  all  occurrences  of  an  element,  and  replace  the  current  occurrence  or  all 
occurrences. 

Note:  In  a  screen-based  document,  you  can  find  and  replace  elements  in  the  current  document  or  the  current  screen,  but 
you  can’t  use  scenes. 

The  Live  Edit  option  lets  you  edit  the  specified  element  directly  on  the  Stage.  If  you  use  Live  Edit  when  searching  for  a 
symbol,  Flash  Professional  opens  the  symbol  in  edit-in-place  mode. 

The  Find  and  Replace  Log  at  the  bottom  of  the  Find  and  Replace  dialog  box  shows  the  location,  name,  and  type  of  the 
elements  for  which  you  are  searching. 


Find  and  replace  text 

1  Select  Edit  >  Find  and  Replace. 

2  Select  Text  from  the  For  pop-up  menu. 

3  In  the  Text  box,  enter  the  text  to  find. 

4  In  the  Replace  With  Text  box,  enter  the  text  to  replace  the  existing  text. 

5  Select  options  for  searching  text: 

Whole  Word  Searches  for  the  specified  text  string  as  a  whole  word  only,  bounded  on  both  sides  by  spaces,  quotes, 
or  similar  markers.  When  Whole  Word  is  deselected,  the  specified  text  can  be  searched  as  part  of  a  larger  word.  For 
example,  when  Whole  Word  is  deselected,  a  search  for  place  will  yield  the  words  replace,  placement,  and  so  on. 

Match  Case  Searches  for  text  that  exactly  matches  the  case  (uppercase  or  lowercase  character  formatting)  of  the 
specified  text  when  finding  and  replacing. 

Regular  Expressions  Searches  for  text  in  regular  expressions  in  ActionScript.  An  expression  is  any  statement  that 
Flash  Professional  can  evaluate  that  returns  a  value. 

Text  Field  Contents  Searches  the  contents  of  a  text  field. 

Frames/Layers/Parameters  Searches  frame  labels,  layer  names,  scene  names,  and  component  parameters. 
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Strings  in  ActionScript  Searches  strings  (text  between  quotation  marks)  in  ActionScript  in  the  document  or  scene 
(external  ActionScript  files  are  not  searched). 

ActionScript  Searches  all  ActionScript,  including  code  and  strings. 

6  To  select  the  next  occurrence  of  the  specified  text  on  the  Stage  and  edit  it  in  place,  select  Live  Edit. 

Note:  Only  the  next  occurrence  is  selected  for  live  editing,  even  if  you  select  Find  All  in  step  7. 

7  To  find  text,  do  one  of  the  following: 

•  To  find  the  next  occurrence  of  the  specified  text,  click  Find  Next. 

•  To  find  all  occurrences  of  the  specified  text,  click  Find  All. 

8  To  replace  text,  do  one  of  the  following: 

•  To  replace  the  currently  selected  occurrence  of  the  specified  text,  click  Replace. 

•  To  replace  all  occurrences  of  the  specified  text,  click  Replace  All. 


Find  and  replace  fonts 

1  Select  Edit  >  Find  and  Replace. 

2  Select  Font  from  the  For  pop-up  menu,  then  select  from  the  following  options: 

•  To  search  by  font  name,  select  Font  Name  and  select  a  font  from  the  pop-up  menu  or  enter  a  font  name  in  the 
box.  When  Font  Name  is  deselected,  all  fonts  in  the  scene  or  document  are  searched. 

•  To  search  by  font  style,  select  Font  Style  and  select  a  font  style  from  the  pop-up  menu.  When  Font  Style  is 
deselected,  all  font  styles  in  the  scene  or  document  are  searched. 

•  To  search  by  font  size,  select  Font  Size  and  enter  values  for  minimum  and  maximum  font  size  to  specify  the  range 
of  font  sizes  to  be  searched.  When  Font  Size  is  deselected,  all  font  sizes  in  the  scene  or  document  are  searched. 

•  To  replace  the  specified  font  with  a  different  font  name,  select  Font  Name  under  Replace  With  and  select  a  font 
name  from  the  pop-up  menu  or  enter  a  name  in  the  box.  When  Font  Name  is  deselected  under  Replace  with,  the 
current  font  name  remains  unchanged. 

•  To  replace  the  specified  font  with  a  different  font  style,  select  Font  Style  under  Replace  With  and  select  a  font  style 
from  the  pop-up  menu.  When  Font  Style  is  deselected  under  Replace  with,  the  current  style  of  the  specified  font 
remains  unchanged. 

•  To  replace  the  specified  font  with  a  different  font  size,  select  Font  Size  under  Replace  With  and  enter  values  for 
minimum  and  maximum  font  size.  When  Font  Size  is  deselected  under  Replace  With,  the  current  size  of  the 
specified  font  remains  unchanged. 

3  To  select  the  next  occurrence  of  the  specified  font  on  the  Stage  and  edit  it  in  place,  select  Live  Edit. 

Note:  Only  the  next  occurrence  is  selected  for  live  editing,  even  if  you  select  Find  All  in  step  4. 

4  To  find  a  font,  do  one  of  the  following: 

•  To  find  the  next  occurrence  of  the  specified  font,  click  Find  Next. 

•  To  find  all  occurrences  of  the  specified  font,  click  Find  All. 

5  To  replace  a  font,  do  one  of  the  following: 

•  To  replace  the  currently  selected  occurrence  of  the  specified  font,  click  Replace. 

•  To  replace  all  occurrences  of  the  specified  font,  click  Replace  All. 
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Find  and  replace  colors 

You  cannot  find  and  replace  colors  in  grouped  objects. 

Note:  To  find  and  replace  colors  in  a  GIF  or  JPEG  file  in  a  Flash  Professional  document,  edit  the  file  in  an  image-editing 
application. 

1  Select  Edit  >  Find  and  Replace. 

2  Select  Color  from  the  For  pop-up  menu. 

3  To  search  for  a  color,  click  the  Color  control  and  do  one  of  the  following: 

•  Select  a  color  swatch  from  the  color  pop-up  window. 

•  Enter  a  hexadecimal  color  value  in  the  Hex  Edit  box  in  the  color  pop-up  window. 

•  Click  the  System  Color  Picker  button  and  select  a  color  from  the  system  color  picker. 

•  To  make  the  eyedropper  tool  appear,  drag  from  the  Color  control.  Select  any  color  on  your  screen. 

4  To  select  a  color  to  replace  the  specified  color,  click  the  Color  control  under  Replace  With  and  do  one  of  the 
following: 

•  Select  a  color  swatch  from  the  color  pop-up  window. 

•  Enter  a  hexadecimal  color  value  in  the  Hex  Edit  box  in  the  color  pop-up  window. 

•  Click  the  System  Color  Picker  button  and  select  a  color  from  the  system  color  picker. 

•  To  make  the  eyedropper  tool  appear,  drag  from  the  Color  control.  Select  any  color  on  your  screen. 

5  To  specify  which  occurrence  of  the  color  to  find  and  replace,  select  the  Fills,  Strokes,  or  Text  option  or  any 
combination  of  those  options. 

6  To  select  the  next  occurrence  of  the  specified  color  on  the  Stage  and  edit  it  in  place,  select  Live  Edit. 

Note:  Only  the  next  occurrence  is  selected  for  live  editing,  even  if  you  select  Find  All  in  the  next  step. 

7  Find  a  color. 

•  To  find  the  next  occurrence  of  the  specified  color,  click  Find  Next. 

•  To  find  all  occurrences  of  the  specified  color,  Click  Find  All. 

8  Replace  a  color. 

•  To  replace  the  currently  selected  occurrence  of  the  specified  color,  click  Replace. 

•  To  replace  all  occurrences  of  the  specified  color,  click  Replace  All. 

Find  and  replace  symbols 

To  find  and  replace  symbols,  search  for  a  symbol  by  name.  Replace  a  symbol  with  another  symbol  of  any  type — movie 
clip,  button,  or  graphic. 

1  Select  Edit  >  Find  and  Replace. 

2  Select  Symbol  from  the  For  pop-up  menu. 

3  For  Name,  select  a  name  from  the  pop-up  menu. 

4  Under  Replace  With,  for  Name  select  a  name  from  the  pop-up  menu. 

5  To  select  the  next  occurrence  of  the  specified  symbol  on  the  Stage  and  edit  it  in  place,  select  Live  Edit. 

Note:  Only  the  next  occurrence  is  selected  for  editing,  even  if  you  select  Find  All  in  the  next  step. 
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6  To  find  a  symbol,  do  one  of  the  following: 

•  To  find  the  next  occurrence  of  the  specified  symbol,  click  Find  Next. 

•  To  find  all  occurrences  of  the  specified  symbol,  click  Find  All. 

7  To  replace  a  symbol,  do  one  of  the  following: 

•  To  replace  the  currently  selected  occurrence  of  the  specified  symbol,  click  Replace. 

•  To  replace  all  occurrences  of  the  specified  symbol,  click  Replace  All. 

Find  and  replace  sound,  video,  or  bitmap  files 

1  Select  Edit  >  Find  and  Replace. 

2  Select  Sound,  Video,  or  Bitmap  from  the  For  pop-up  menu. 

3  For  Name,  enter  a  sound,  video,  or  bitmap  filename  or  select  a  name  from  the  pop-up  menu. 

4  Under  Replace  With,  for  Name  enter  a  sound,  video,  or  bitmap  filename  or  select  a  name  from  the  pop-up  menu. 

5  To  select  the  next  occurrence  of  the  specified  sound,  video,  or  bitmap  on  the  Stage  and  edit  it  in  place,  select  Live 
Edit. 

Note:  Only  the  next  occurrence  is  selected  for  editing,  even  if  you  select  Find  All  in  the  next  step. 

6  Find  a  sound,  video,  or  bitmap. 

•  To  find  the  next  occurrence  of  the  specified  sound,  video,  or  bitmap,  click  Find  Next. 

•  To  find  all  occurrences  of  the  specified  sound,  video,  or  bitmap,  click  Find  All. 

7  Replace  a  sound,  video,  or  bitmap. 

•  To  replace  the  currently  selected  occurrence  of  the  specified  sound,  video,  or  bitmap,  click  Replace. 

•  To  replace  all  occurrences  of  the  specified  sound,  video,  or  bitmap,  click  Replace  All. 


Undo,  redo,  and  the  History  panel 


Undo,  Redo,  and  Repeat  commands 

To  undo  or  redo  actions  on  individual  objects,  or  all  objects  within  the  current  document,  specify  either  object-level  or 
document-level  Undo  and  Redo  commands  (Edit  >  Undo  or  Edit  Redo).  The  default  behavior  is  document-level  Undo 
and  Redo. 

To  choose  Object-level  or  document-level  undo  options,  do  the  following: 

1  In  Flash  Professional  CC,  select  Edit  >  Preferences. 

2  On  the  General  tab,  select  Object-level  Undo  from  the  Undo  drop-down. 
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Preferences 

General 

Sync  Settings 

Undo:  Document-level  Undo  ▼ 

■>/  Document-level  Undo 

Script  Files 

Object-level  Undo 

Compiler 

Note  that,  you  cannot  undo  some  actions  when  using  object-level  Undo.  Among  these  are  entering  and  exiting  Edit 
mode;  selecting,  editing,  and  moving  library  items;  and  creating,  deleting,  and  moving  scenes. 

To  reapply  a  step  to  the  same  object  or  to  a  different  object,  use  the  Repeat  command.  For  example,  if  you  move  a  shape 
named  shape_A,  select  Edit  >  Repeat  to  move  the  shape  again,  or  select  another  shape,  shape_B,  and  select  Edit  > 
Repeat  to  move  the  second  shape  by  the  same  amount. 

By  default,  Flash  Professional  supports  100  levels  of  undo  for  the  Undo  menu  command.  Select  the  number  of  undo 
and  redo  levels,  from  2  to  300,  in  Flash  Preferences. 

By  default,  when  you  undo  a  step  by  using  Edit  >  Undo  or  the  History  panel,  the  file  size  of  the  document  does  not 
change,  even  if  you  delete  an  item  in  the  document.  For  example,  if  you  import  a  video  file  into  a  document,  and  undo 
the  import,  the  file  size  of  the  document  still  includes  the  size  of  the  video  file.  Any  items  that  you  delete  from  a 
document  when  performing  an  Undo  command  are  preserved  to  in  order  to  be  able  to  restore  the  items  with  a  Redo 
command. 


Using  the  History  panel 

The  History  panel  (Window  >  History)  shows  a  list  of  the  steps  you’ve  performed  in  the  active  document  since  you 
created  or  opened  that  document,  up  to  a  specified  maximum  number  of  steps.  (The  History  panel  doesn’t  show  steps 
you’ve  performed  in  other  documents.)  The  slider  in  the  History  panel  initially  points  to  the  last  step  that  you 
performed. 

•  To  undo  or  redo  individual  steps  or  multiple  steps  at  once,  use  the  History  panel.  Apply  steps  from  the  History  panel 
to  the  same  object  or  to  a  different  object  in  the  document.  However,  you  cannot  rearrange  the  order  of  steps  in  the 
History  panel.  The  History  panel  is  a  record  of  steps  in  the  order  in  which  they  are  performed. 

note:  If  you  undo  a  step  or  a  series  of  steps  and  then  do  something  new  in  the  document,  you  can  no  longer  redo  the 
steps  in  the  History  panel;  they  disappear  from  the  panel. 

•  By  default,  Flash  Professional  supports  100  levels  of  undo  for  the  History  panel.  Select  the  number  of  undo  and  redo 
levels,  from  2  to  300,  in  Flash  Preferences. 

•  To  erase  the  history  list  for  the  current  document,  clear  the  History  panel.  After  clearing  the  history  list,  you  cannot 
undo  the  steps  that  are  cleared.  Clearing  the  history  list  does  not  undo  steps;  it  removes  the  record  of  those  steps 
from  the  current  document’s  memory. 

Closing  a  document  clears  its  history.  To  use  steps  from  a  document  after  that  document  is  closed,  copy  the  steps  with 
the  Copy  Steps  command  or  save  the  steps  as  a  command. 


Undo  steps  with  the  History  panel 

When  you  undo  a  step,  the  step  is  dimmed  in  the  History  panel. 

•  To  undo  the  last  step  performed,  drag  the  History  panel  slider  up  one  step  in  the  list. 
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•  To  undo  multiple  steps  at  once,  drag  the  slider  to  point  to  any  step,  or  click  to  the  left  of  a  step  along  the  path  of  the 
slider.  The  slider  scrolls  automatically  to  that  step,  undoing  all  subsequent  steps  as  it  scrolls. 

note:  Scrolling  to  a  step  (and  selecting  the  subsequent  steps)  is  different  from  selecting  an  individual  step.  To  scroll  to  a  step, 
click  to  the  left  of  the  step. 


Replay  steps  with  the  History  panel 

When  you  replay  steps  with  the  History  panel,  the  steps  that  play  are  the  steps  that  are  selected  (highlighted)  in  the 
History  panel,  not  necessarily  the  step  currently  indicated  by  the  slider. 

Apply  steps  in  the  History  panel  to  any  selected  object  in  the  document. 

Replay  one  step 

❖  In  the  History  panel,  select  a  step  and  click  the  Replay  button. 

Replay  a  series  of  adjacent  steps 

1  Select  steps  in  the  History  panel  by  doing  one  of  the  following: 

•  Drag  from  one  step  to  another.  (Don’t  drag  the  slider;  drag  from  the  text  label  of  one  step  to  the  text  label  of 
another  step.) 

•  Select  the  first  step,  then  Shift-click  the  last  step;  or  select  the  last  step  and  Shift-click  the  first  step. 

2  Click  Replay.  The  steps  replay  in  order,  and  a  new  step,  labeled  Replay  Steps,  appears  in  the  History  panel. 

Replay  nonadjacent  steps 

1  Select  a  step  in  the  History  panel,  and  Control-click  (Windows)  or  Command-click  (Macintosh)  other  steps.  To 
deselect  a  selected  step,  Control-click  or  Command-click. 

2  Click  Replay. 

Copy  and  paste  steps  between  documents 

Each  open  document  has  its  own  history  of  steps.  To  copy  steps  from  one  document  and  paste  them  into  another,  use 
the  Copy  Steps  command  in  the  History  panel  options  menu.  If  you  copy  steps  into  a  text  editor,  the  steps  are  pasted  as 
JavaScript"  code. 

1  In  the  document  containing  the  steps  to  reuse,  select  the  steps  in  the  History  panel. 

2  In  the  History  panel  options  menu,  select  Copy  Steps. 

3  Open  the  document  to  paste  the  steps  into. 

4  Select  an  object  to  apply  the  steps  to. 

5  Select  Edit  >  Paste  to  paste  the  steps.  The  steps  play  back  as  they’re  pasted  into  the  document’s  History  panel.  The 
History  panel  shows  them  as  only  one  step,  called  Paste  Steps. 

More  Help  topics 

Set  preferences  in  Flash 

Automating  tasks  with  the  Commands  menu 

Set  preferences  in  Flash 

Automating  tasks  with  the  Commands  menu 
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Keyboard  shortcuts 


Copy  the  current  shortcut  set  to  clipboard 

1  Select  Edit  >  Keyboard  Shortcuts  (Windows)  or  Flash  >  Keyboard  Shortcuts  (Macintosh). 

2  Click  the  Copy  to  Clipboard  button.  You  can  then  paste  the  keyboard  shortcut  set  in  any  text  editor  for  reference  or 
printing. 


Create  and  modify  custom  keyboard  shortcuts 

You  can  create  and  modify  keyboard  shortcuts  in  Flash  Professional. 

Customize  keyboard  shortcuts 

1  Select  (Windows)  Edit  >  Keyboard  Shortcuts  or  (Macintosh)  Flash  >  Keyboard  Shortcuts  . 

The  Keyboard  Shortcuts  dialog  box  appears. 

2  Use  the  following  options  to  add,  delete,  or  edit  keyboard  shortcuts: 

Keyboard  Layout  Presets  Lets  you  choose  a  preset  of  predetermined  shortcuts  from  the  drop-down,  or  any  custom 
set  you  may  have  defined. 

Search  Lets  you  search  for  any  command  whose  shortcut  you  want  to  set  or  modify.  Alternatively,  you  may  drill¬ 
down  the  command  within  the  tree  view  of  commands. 

Match  Case  Lets  you  perform  a  case-sensitive  search  of  the  command. 

Add  Adds  a  new  shortcut  to  the  selected  command.  To  add  a  new  keyboard  shortcut  for  the  selected  command, 
click  Add  and  enter  a  new  key  combination.  Each  command  can  one  keyboard  shortcut  each;  if  a  shortcut  is  already 
assigned  to  a  command,  the  Add  button  is  disabled. 

Undo  Undo  the  last  set  shortcut  for  a  command. 

Copy  to  clipboard  Copy  the  entire  list  of  keyboard  shortcuts  to  clipboard  of  your  Operating  System. 

Go  To  Conflict  Navigates  to  conflicting  command.  In  case  of  a  conflict  when  setting  up  a  shortcut,  a  warning 
message  is  displayed. 

Save  shortcuts  to  a  preset  Save  the  entire  set  of  shortcuts  to  a  preset.  Preets  can  then  be  selected  from  the  Keyboard 
Layout  Presets  drop-down. 

Delete  Shortcut  Deletes  a  selected  shortcut. 

Note:  You  cannot  use  single  keys  such  as  delete  or  page  up,  ones  that  are  pre-defined  for  some  generic  tasks  such  as 
deleting  content,  page  scrolling,  etc. 

3  Click  OK. 

Remove  a  shortcut  from  a  command 

1  From  the  Commands  pop-up  menu,  select  a  command  category,  select  a  command  from  the  Commands  list. 

2  Click  the  X  mark  beside  the  shortcut. 
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Add  a  shortcut  to  a  command 

1  From  the  Commands  pop-up  menu,  select  a  command  category  and  select  a  command. 

2  Click  the  Add  button. 

3  Press  a  key  combination. 

Note:  If  a  conflict  occurs  with  the  key  combination  (for  example,  if  the  key  combination  is  already  assigned  to  another 
command),  an  explanatory  message  appears  just  below  the  Commands  list.  Click  the  Go  To  Conflict  button  to  quickly 
navigate  to  the  conflicting  command,  and  change  the  shortcut. 

4  Click  Ok. 

Edit  an  existing  shortcut 

1  From  the  Commands  pop-up  menu,  select  a  command  category,  select  a  command  from  the  Commands  list. 

2  Double-click  the  shortcut. 

3  Press  a  new  key  combination. 

Note:  If  a  conflict  occurs  with  the  key  combination  (for  example,  if  the  key  combination  is  already  assigned  to  another 
command),  an  explanatory  message  appears  just  below  the  Commands  list.  Click  the  Go  To  Conflict  button  to  quickly 
navigate  to  the  conflicting  command,  and  change  the  shortcut. 


Creating  HTML  extensions 

Flash  Professional  CC  can  be  extended  using  HTML  extensions.  Adobe  Extension  Builder  3  allows  you  to  create  HTML 
extensions  for  Flash  Professional  CC.  Earlier,  you  could  only  extend  Flash  Pro  using  SWF  extensions.  However,  Adobe 
Extension  Builder  3  allows  you  to  create  HTML  extensions  for  Creative  Cloud  applications.  To  get  started,  you  need  to 
download  and  install  Eclipse  and  Extension  Builder  3.0.  For  more  information,  visit  this  link. 


Creating  an  HTML  extension 

To  create  an  HTML  extension,  do  the  following. 

1  Launch  Eclipse. 

2  On  the  New  Project  wizard,  create  a  new  Application  Extension  Project.  Provide  a  meaningful  name  for  the  project, 
then  click  Next. 

3  On  the  New  Adobe  Application  Extension  Project  panel,  choose  Adobe  Flash.  Click  Next. 

4  Configure  your  extension  using  the  available  options: 

1  Bundle  ID  uniquely  identifies  your  extension. 

2  Menu  name  is  the  display  name  for  your  extension.  The  Menu  Name  appears  in  Window  >  Extensionsmenu 
within  Flash  Professional  CC. 

3  Window  Details  use  these  options  to  customize  the  extension  window  type  and  size.  Click  Next. 

4  You  can  further  customize  the  reference  libraries  for  your  extension  in  the  next  few  screens: 

1  CEP  Interface  Library  provides  functions  for  interacting  with  the  host  application.  The  option  is  selected  by 
default. 

2  Frameworks  are  for  common  Javascript  libraries  such  as  jQuery. 
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3  Services  include  the  Adobe  IPC  Communication  Toolkit,  which  enables  communication  between  Adobe 
applications,  extensions,  and  external  applications.  It  provides  a  protocol  for  messaging  through  the  CEP  Service 
Manager,  which  acts  as  a  hub  for  Creative  Cloud  communications.  Click  Finish  to  create  a  new  Eclipse  project. 


Debugging  your  extension  in  Flash  Professional  CC 

You  can  run  your  extension  directly  from  Eclipse: 

1  Right-click  the  project,  and  select  Run  As  >  Adobe  Flash  Extension.  This  launches  Flash  Professional  CC. 

2  In  Flash  Pro  CC,  select  Window>  Extensionsmenu  item.  This  opens  the  extension  panel. 

Exporting  your  extension 

To  distribute  your  extension,  you  need  to  export  it  as  a  ZXP  package.  The  ZXP  package  is  then  downloaded  and  run  by 
Adobe  Extension  Manager  on  Creative  Cloud  applications: 

1  In  Eclipse,  switch  to  the  Script  Explorer  view  to  right-click  on  your  project  and  select  Export  >  Adobe  Extension 
Builder  3  >  Application  Extension.  This  displays  the  Export  Wizard. 

2  You  must  have  a  certificate  to  sign  the  extension  package.  Browse  to  an  existing  certificate  or  click  Create  to  create 
a  new  one. 

3  Click  Finish. 

4  When  the  export  is  complete,  you  will  find  the  ZXP  package  for  your  extension  in  the  project  folder,  ready  for 
distribution. 

Note:  To  install  you  will  need  to  access  the  <extension>\.staged-extension\CSXS\manifest.xml  file  and  update  the  host 
tag  to  set  the  minimum  version  of  Flash  Pro  to  13.0. 


Installing  your  extension  in  Flash  Professional  CC 

You  can  install  HTML  extensions  within  Flash  Professional  CC  using  Adobe  Extension  Manager.  HTML  extensions  can 
help  you  extend  functionalities  and  capabilities  of  Flash  Pro.  To  install  extensions,  see  this  link . 


Adding  interactivity  to  HTML  extensions 

You  can  build  an  HTML  extension  to  interact  with  Flash  Pro  by  adding  controls,  defining  behavior,  and  obtain 
information  about  the  host  (includes  Flash  Pro  and  the  operating  system)  environment.  This  can  be  accomplished  in 
two  ways: 

1  Using  the  CEP  interface  library:  The  CEP  interface  library  provides  APIs  for  obtaining  information  about  the  host 
environment  and  an  eval  script  that  allows  you  to  run  JSFLs.  To  know  more  about  CEP  interface  library,  open  Help 
>  Help  Contents  >  Adobe  Extension  Builder  >  References  within  Eclipse. 

2  Using  JSFL:  JSFL  scripts  can  be  run  using  the  Eval  script  API  of  CEP  interface  Library.  To  know  more  about  JSFLs, 
see  this  link.  Apart  from  JSFLs,  the  CEP  infrastructure  within  Flash  Pro  also  expose  the  following  events  that  can 
used  within  HTML  panels  only. 

•  com.adobe.events.flash.documentChanged  is  triggered  due  to  a  change  in  the  current  active  document. 

•  com.adobe.events.flash.timelineChanged  is  triggered  when  you  make  a  change  in  the  timeline  of  the  current 
active  document. 

•  com.adobe.events.flash.documentSaved  is  triggered  when  you  save  the  current  document. 

•  com.adobe.events.flash.documentOpened  is  triggered  when  you  open  a  new  document. 
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•  com.adobe.events.flash.documentClosed  is  triggered  when  you  close  the  current  active  document. 

•  com.adobe.events.flash.documentNew  is  triggered  when  you  create  a  new  document. 

•  com.adobe.events.flash.layerChanged  is  triggered  when  you  select  a  different  layer. 

•  com.adobe.events.flash.frameChanged  is  triggered  when  you  select  a  different  frame. 

•  com.adobe.events.flash.selectionChanged  is  triggered  when  you  select  a  different  object  on  stage. 

•  com.adobe.events.flash.mouseMove  is  triggered  when  you  move  your  Mouse  over  the  Stage. 

Example 

cs inter face . addEvent Listener ( "com . adobe . events . flash . select ionChanged" ,  CallbackFunction) 

In  the  above  code  snippet: 

•  csinterface:  Object  of  CEP  interface  library. 

•  com.adobe.events.flash.selectionChanged:  Event  that  triggers  a  change  in  the  selection  of  an  object.  You  can  use 
any  of  the  above  mentioned  events  too. 

•  CallbackFunction:  Method  that  listens  to  triggered  event. 
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Chapter  4:  Animation  and  Interactivity 


Bone  tool 


About  inverse  kinematics 

Inverse  kinematics  (IK)  is  a  way  of  animating  objects  using  bones  chained  into  linear  or  branched  armatures  in  parent- 
child  relationships.  When  one  bone  moves,  connected  bones  move  in  relation  to  it. 

Inverse  kinematics  lets  you  easily  create  natural  motion.  To  animate  using  inverse  kinematics,  you  simply  specify  the 
start  and  end  positions  of  bones  on  the  Timeline.  Flash  automatically  interpolates  the  positions  of  the  bones  in  the 
armature  between  the  starting  and  ending  frames. 

You  can  use  IK  in  the  following  ways: 

•  By  using  a  shape  as  a  container  for  multiple  bones.  For  example,  you  can  add  bones  to  a  drawing  of  a  snake  so  that 
it  slithers  realistically.  You  can  draw  these  shapes  in  Object  Drawing  mode. 

•  By  chaining  symbol  instances.  For  example,  you  can  link  movie  clips  showing  a  torso,  arm,  lower  arm,  and  hand  so 
that  they  move  realistically  in  relation  to  each  other.  Each  instance  has  only  one  bone. 

Bone  styles 

There  are  4  ways  that  Flash  can  draw  bones  on  the  Stage: 

•  Solid.  This  is  the  default  style. 

•  Wired.  Useful  when  the  solid  style  obscures  too  much  of  the  artwork  beneath  the  bone. 

•  Line.  Useful  for  smaller  armatures. 

•  None.  Hides  the  bones  to  show  only  the  artwork  beneath  them. 

To  set  the  Bone  Style,  select  the  IK  span  in  the  Timeline  and  then  select  the  style  from  the  Style  menu  in  the  Options 
section  of  the  Properties  panel. 

Note:  If  you  save  a  document  with  the  Bone  Style  set  to  None,  Flash  automatically  changes  bone  style  to  Line  the  next 
time  you  open  the  document. 

Pose  layers 

When  you  add  bones  to  symbol  instances  or  shapes,  Flash  creates  a  new  layer  for  them  in  the  Timeline.  This  new  layer 
is  called  the  pose  layer.  Flash  adds  the  pose  layer  to  the  Timeline  between  existing  layers  to  maintain  the  previous 
stacking  order  of  objects  on  the  Stage. 


Add  bones  to  symbols 

You  can  add  IK  bones  to  movie  clip,  graphic,  and  button  instances.  To  use  text,  convert  it  to  a  symbol  first.  The  symbol 
instances  can  be  on  different  layers  before  you  add  bones.  Flash  adds  them  to  the  pose  layer. 
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Note:  You  can  also  break  text  apart  (Modify  >  Break  Apart)  into  separate  shapes  and  use  bones  with  the  individual 
shapes. 

As  you  chain  objects,  consider  the  parent-child  relationships  you  want  to  create,  for  example,  from  shoulder  to  elbow 
to  wrist. 

1  Create  symbol  instances  on  the  Stage.  To  save  time  later,  arrange  the  instances  so  that  they  approximate  spatial 
configuration  you  want. 

2  Select  the  Bone  tool  from  the  Tools  panel. 
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3  Click  the  symbol  instance  that  you  want  to  set  as  the  root  bone  of  the  armature.  Click  at  the  point  where  you  want 
to  attach  the  bone  to  the  symbol. 


By  default,  Flash  creates  the  bone  at  the  location  of  mouse  click.  For  a  more  precise  way  of  adding  a  bone,  turn  off 
Auto  Set  Transformation  Point  for  IK  Bone  Tool  (Edit  >  Preferences  >  Drawing).  With  Auto  Set  Transformation 
Point  turned  off,  the  bone  will  snap  to  the  symbol  transformation  point  when  you  click  from  one  symbol  to  the  next. 

4  Drag  to  another  symbol  instance  and  release  the  mouse  button  at  the  point  where  you  want  to  attach  it. 

5  To  add  another  bone  to  the  armature,  drag  from  the  tail  of  the  first  bone  to  the  next  symbol  instance. 


It’s  easier  to  place  the  tail  precisely  if  you  turn  off  Snap  To  Objects  (View  >  Snapping  >  Snap  To  Objects). 

6  To  create  a  branched  armature,  click  the  head  of  an  existing  bone  where  you  want  the  branch  to  begin.  Then  drag  to 
create  the  first  bone  of  the  new  branch. 


An  armature  can  have  as  many  branches  as  necessary. 

Note:  A  branch  cannot  connect  to  another  branch  except  at  its  root. 

7  To  reposition  the  elements  of  the  completed  armature,  drag  either  the  bones  or  the  instances  themselves. 

•  Dragging  a  bone  moves  its  associated  instance  without  allowing  it  to  rotate  relative  to  its  bone. 

•  Dragging  an  instance  allows  it  to  move  as  well  as  rotate  relative  to  its  bone. 

•  Dragging  an  instance  in  the  middle  of  a  branch  causes  the  parent  bones  to  articulate  with  joint  rotation.  The  child 
bones  move  with  no  joint  rotation. 

After  you  create  an  armature,  you  can  still  add  new  instances  from  different  layers  to  the  armature.  Drag  a  new  bone 
to  the  new  instance  and  Flash  moves  the  instance  to  the  pose  layer  of  the  armature. 


Add  bones  to  shapes 

You  add  bones  to  a  single  shape  or  to  a  group  of  shapes  that  are  on  the  same  layer.  In  either  case,  you  must  select  all  the 
shapes  before  adding  the  first  bone.  After  you  add  bones,  Flash  converts  all  the  shapes  and  bones  into  an  IK  shape  object 
and  moves  the  object  to  a  new  pose  layer. 
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After  you  have  added  bones  to  a  shape,  the  shape  has  the  following  limitations: 

•  You  cannot  merge  an  IK  shape  with  other  shapes  outside  it. 

•  You  cannot  rotate,  scale,  or  skew  the  shape  with  the  Free  Transform  tool. 

•  Editing  the  control  points  of  the  shape  is  not  recommended. 

1  Create  a  filled  shape  or  shapes  on  the  Stage. 

The  shape  can  contain  multiple  colors  and  strokes.  Edit  the  shapes  so  they  are  as  close  to  their  final  form  as  possible. 
Once  you  add  bones  to  a  shape,  the  options  for  editing  the  shape  become  more  limited. 

If  the  shape  is  too  complex,  Flash  will  prompt  you  to  convert  it  to  a  movie  clip  before  adding  bones. 

2  Select  the  entire  shape  on  the  Stage. 

If  the  shape  contains  multiple  color  areas  or  strokes,  drag  a  selection  rectangle  around  the  shape  to  ensure  that  the 
entire  shape  is  selected. 

3  Select  the  Bone  tool  in  the  Tools  panel. 

4  With  the  Bone  tool,  click  inside  the  shape  and  drag  to  another  location  within  the  shape. 

5  To  add  another  bone,  drag  from  the  tail  of  the  first  bone  to  another  location  in  within  the  shape. 

The  second  bone  becomes  a  child  of  the  root  bone.  Link  areas  of  the  shape  with  bones  in  the  order  of  the  parent- 
child  relationships  you  want  to  create.  For  example,  link  from  shoulder  to  elbow  to  wrist. 

6  To  create  a  branched  armature,  click  the  head  of  an  existing  bone  where  you  want  the  branch  to  begin.  Then  drag  to 
create  the  first  bone  of  the  new  branch. 

An  armature  can  have  as  many  branches  as  necessary. 

Note:  A  branch  cannot  connect  to  another  branch  except  at  its  root. 

7  To  move  the  armature,  select  the  IK  shape  object  with  the  Selection  tool  and  then  drag  any  of  the  bones  to  move 
them. 

Once  the  shape  becomes  an  IK  shape,  it  has  the  following  limitations: 

•  You  can  no  longer  transform  (scale  or  skew)  the  shape. 

•  You  cannot  add  new  strokes  to  the  shape.  You  can  still  add  or  remove  control  points  from  the  existing  strokes  of  the 
shape. 

•  You  cannot  edit  the  shape  in  place  (by  double-clicking  it  on  the  Stage.) 

•  The  shape  has  its  own  registration  point,  transform  point,  and  bounding  box. 

On-stage  controls 

On-stage  controls  allow  you  to  easily  make  rotation  and  translation  adjustments  on  the  stage  with  the  help  of  guides 
that  show  the  rotation  range  and  precise  control.  The  on-state  controls  also  allow  you  to  continue  working  on  the  stage 
without  having  to  go  back  to  the  property  inspector  to  adjust  rotation. 
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The  bone  tool  on-stage  controls  described  in  the  image  work  as  follows: 

1  To  start  working  with  the  on-stage  controls,  select  the  bone  and  use  the  head  of  the  bone. 

2  To  view  the  on-stage  controls,  roll-over  the  head  of  the  bone.  The  head  turns  in  to  a  four- way  arrows  or  a  plus 
symbol  (X  and  Y  axis)  inside  a  circle.  The  arrows  represent  the  translation  attributes  and  the  circle  represents 
rotation  attributes. 

3  Click  on  the  head  of  the  bone  and  select  the  circle  to  edit  rotation  or  select  the  plus  symbol  to  edit  translation 
attributes. 

4  To  see  the  presence  of  interactive  handles  for  rotation  and  translatsion  at  anytime,  roll  over  the  head  of  the  bone. 

5  When  you  click  on  either  the  rotation  or  translation  option,  the  on-stage  controls  to  set  the  constraints  are  displayed. 

Using  the  rotation  controls 
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To  work  with  the  rotation  controls,  do  the  following: 

1  Click  the  bone  head  to  see  the  rotation  and  translation  tools. 

2  Roll  over  and  click  the  circle  that  represents  the  rotation  tool.  The  circle  turns  red. 

3  Click  on  the  lock  icon  to  enable  free  rotation.  Lock  icon  turns  to  a  dot. 

4  Moving  the  cursor  away  from  the  center  shows  you  one  end  of  the  rotation  radius.  Click  on  the  point  on  which  you 
want  the  rotation  to  start. 

5  Move  the  cursor  within  the  circle  again  to  select  the  other  end  of  the  rotation  radius.  Click  where  you  want  that  point 
to  be. 

6  Confirm  the  radius  definition  by  clicking  on  the  circle. 

Note:  When  you  edit  the  rotation  that  you  have  already  defined,  you  can  increase  or  decrease  the  borders  by  clicking 
on  the  line  and  dragging. 

Using  the  translation  controls 
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You  can  use  the  translation  controls  as  follows: 

1  Roll  over  the  plus  sign  with  four-way  arrows  and  click  on  it  to  select  the  translation  controls. 

2  Click  on  the  lock  to  enable  the  translation  controls.  The  lock  icon  turns  into  a  dot. 

3  Click  on  an  arrow  head  and  drag  it  to  the  point  to  which  you  want  the  extend  the  range  of  movement. 

Edit  IK  armatures  and  objects 

You  can’t  edit  IK  armatures  if  the  pose  layer  includes  poses  after  the  first  frame  of  the  Timeline.  Before  editing,  delete 
any  additional  poses  after  the  first  frame  of  the  armature  in  the  Timeline. 

If  you  are  simply  repositioning  an  armature  for  animation  purposes,  you  can  change  positions  in  any  frame  of  the  pose 
layer.  Flash  converts  the  frame  to  a  pose  frame. 

Select  bones  and  associated  objects 

•  To  select  an  individual  bone,  click  the  bone  with  the  Selection  tool.  Shift-click  to  select  multiple  bones. 

•  To  move  the  selection  to  adjacent  bones,  click  the  Parent,  Child,  or  Next/Previous  sibling  buttons  in  the  Property 
inspector. 

•  To  select  all  the  bones  in  the  armature,  double-click  a  bone. 

•  To  select  an  entire  armature  and  display  the  properties  of  the  armature  and  its  pose  layer,  click  a  frame  in  the  pose 
layer  containing  the  armature. 

•  To  select  an  IK  shape,  click  the  shape. 

•  To  select  a  symbol  instance  connected  to  a  bone,  click  the  instance. 

Reposition  bones  and  associated  objects 

•  To  reposition  a  linear  armature,  drag  any  bone  in  the  armature.  If  the  armature  contains  connected  symbol 
instances,  you  can  also  drag  an  instance.  In  this  way  you  can  rotate  the  instance  relative  to  its  bone. 

•  To  reposition  a  branch  of  an  armature,  drag  any  bone  in  the  branch. 

•  All  the  bones  in  the  branch  move.  Bones  in  other  branches  of  the  armature  do  not  move. 

•  To  rotate  a  bone  with  its  child  bones  without  moving  the  parent  bone,  Shift-drag  the  bone. 

•  To  move  an  IK  shape  to  a  new  location  on  the  Stage,  select  the  shape  and  change  its  X  and  Y  properties  in  the 
Property  inspector.  You  can  also  Alt-drag  (Windows)  or  Option-drag  (Macintosh)  the  shape. 

Delete  bones 

Do  one  of  the  following: 

•  To  delete  an  individual  bone  and  all  of  its  children,  click  the  bone  and  press  the  Delete  key. 

•  You  can  select  multiple  bones  to  delete  by  Shift-clicking  each  bone. 

•  To  delete  all  bones  from  an  IK  shape  or  symbol  armature  from  the  Timeline,  right-click  the  IK  armature  span  in  the 
Timeline  and  choose  Remove  Armature  from  the  context  menu. 

•  To  delete  all  bones  from  an  IK  shape  or  a  symbol  armature  on  the  Stage,  double  click  a  bone  in  the  armature  to  select 
all  bones.  Then  press  Delete.IK  shapes  revert  to  normal  shapes. 

Move  bones  relative  to  the  associated  shape  or  symbol 

•  To  move  the  location  of  either  end  of  a  bone  within  an  IK  shape,  drag  the  end  of  the  bone  with  the  Subselection  tool. 
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Note:  The  Subselection  tool  does  not  work  if  there  are  multiple  poses  in  the  IK  span.  Before  editing,  delete  any 
additional  poses  after  the  first  frame  of  the  armature  in  the  Timeline. 

•  To  move  the  location  of  a  bone  joint,  head,  or  tail  within  a  symbol  instance,  move  the  transformation  point  of  the 
instance.  Use  the  Free  Transform  tool.  The  bone  moves  with  the  transformation  point. 

•  To  move  an  individual  symbol  instance  without  moving  any  other  linked  instances,  Alt-drag  (Windows)  or 
Command-drag  (Macintosh)  the  instance,  or  drag  with  the  Free  Transform  tool.  The  bones  connected  to  the 
instance  lengthen  or  shorten  to  accommodate  the  new  location  of  the  instance. 

Edit  an  IK  shape 

You  can  add,  delete,  and  edit  control  points  of  the  contours  in  an  IK  shape  using  the  Subselection  tool. 

•  To  move  the  position  of  a  bone  without  changing  the  IK  shape,  drag  the  endpoint  of  a  bone. 

•  To  display  the  control  points  of  the  IK  shape  boundary,  click  the  stroke  of  the  shape. 

•  To  move  a  control  point,  drag  the  control  point. 

•  To  add  a  new  control  point,  click  a  part  of  the  stroke  without  any  control  points. 

•  To  delete  an  existing  control  point,  click  to  select  it,  and  then  press  the  Delete  key. 

Note:  An  IK  shape  cannot  be  transformed  (scaled  or  skewed). 

Bind  bones  to  shape  points 

By  default,  the  control  points  of  a  shape  are  connected  to  the  bone  that  is  nearest  to  them.  You  can  use  the  Bind  tool  to 
edit  the  connections  between  individual  bones  and  the  shape  control  points.  In  this  way  you  can  control  how  the  stroke 
distorts  when  each  bone  moves  for  better  results.  This  technique  is  useful  when  the  stroke  of  a  shape  does  not  distort 
as  you  want  when  the  armature  moves. 

You  can  bind  multiple  control  points  to  a  bone  and  multiple  bones  to  a  control  point. 

•  To  highlight  the  control  points  connected  to  a  bone,  click  the  bone  with  the  Bind  tool. 

The  connected  points  are  highlighted  in  yellow  while  the  selected  bone  is  highlighted  in  red.  Control  points 
connected  to  only  one  bone  appear  as  squares.  Control  points  connected  to  more  than  one  bone  appear  as  triangles. 

•  To  add  control  points  to  a  selected  bone,  Shift- click  a  control  point  that  is  not  highlighted. 

You  can  also  Shift-drag  to  select  multiple  control  points  to  add  to  the  selected  bone. 

•  To  remove  control  points  from  the  bone,  Ctrl-click  (Windows)  or  Option-click  (Macintosh)  a  control  point  that  is 
highlighted  in  yellow. 

You  can  also  Ctrl-drag  (Windows)  or  Option-drag  (Macintosh)  to  remove  multiple  control  points  from  the  selected 
bone. 

•  To  highlight  the  bones  connected  to  a  control  point,  click  the  control  point  with  the  Bind  tool. 

The  connected  bones  are  highlighted  in  yellow  while  the  selected  control  point  is  highlighted  in  red. 

•  To  add  other  bones  to  the  selected  control  point,  Shift-click  a  bone. 

•  To  remove  a  bone  from  a  selected  control  point,  Ctrl-click  (Windows)  or  Option-click  (Macintosh)  a  bone  that  is 
highlighted  in  yellow. 
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Constrain  motion  of  IK  bones 

To  create  more  realistic  motion  of  IK  armatures,  you  can  control  the  freedom  of  motion  of  specific  bones.  For  example, 
you  can  constrain  two  bones  of  an  arm  so  that  the  elbow  cannot  bend  in  the  wrong  direction. 

By  default,  each  IK  bone  is  assigned  a  fixed  length  when  the  bone  is  created.  Bones  can  rotate  around  their  parent  joint 
and  along  the  x-  and  y-axis.  However,  they  cannot  move  in  ways  that  require  the  length  of  their  parent  bone  to  change 
unless  you  enable  x-  or  y-axis  motion.  By  default,  bone  rotation  is  enabled  and  x-  and  y-axis  motion  is  disabled. 

You  can  also  limit  the  speed  of  motion  of  a  bone  to  create  the  effect  of  weight  in  a  bone. 

In  armatures  with  strings  of  connected  bones,  you  cannot  contrain  the  motion  of  the  last  joint  in  any  branch  of  the 
armature.  To  give  the  appearance  of  contraint  of  the  last  joint,  use  bones  with  movie  clips  and  connect  the  last  bone  to 
a  movie  clip  that  has  its  alpha  property  set  to  zero.  Then  constrain  the  next-to-last  bone  instead  of  the  last  one. 

Examples: 

•  For  an  arm,  you  could  constrain  the  degrees  of  rotation  of  the  elbow  so  that  it  cannot  rotate  beyond  the  normal  range 
of  motion  of  a  forearm. 

•  To  enable  a  character  to  move  across  the  Stage,  turn  on  X  or  Y  translation  on  the  root  bone.  Turn  off  rotation  when 
using  X  and  Y  translation  for  more  accurate  movement. 

You  set  these  properties  in  the  Property  inspector  when  one  or  more  bones  are  selected. 

•  To  enable  a  selected  bone  to  move  along  the  x-  or  y-  axis  and  change  the  length  of  its  parent  bone,  select  Enable  in 
the  Joint:  X  Translation  or  Joint:  Y  Translation  section  of  the  Property  inspector. 

A  two-headed  arrow  appears  perpendicular  to  the  bone  on  the  joint  to  indicate  that  x-axis  motion  is  enabled.  A  two- 
headed  arrow  appears  parallel  to  the  bone  on  the  joint  to  indicate  that  y-axis  motion  is  enabled.  Enabling  both  x  and 
y  translation  for  a  bone  simplifyies  the  task  of  positioning  the  bone  when  rotation  is  disabled  for  the  bone. 

•  To  limit  the  amount  of  motion  enabled  along  the  x-  or  y-axis,  select  Constrain  in  the  Joint:  X  Translation  or  Joint:  Y 
Translation  section  of  the  Property  inspector  and  enter  a  value  for  the  minimum  and  maximum  distance  the  bone 
can  move. 

•  To  disable  rotation  of  the  selected  bone  around  the  joint,  deselect  the  Enable  checkbox  in  the  Joint:  Rotation  section 
of  the  Property  inspector. 

This  checkbox  is  selected  by  default. 

•  To  constrain  rotation  of  a  bone,  enter  minimum  and  maximum  degrees  of  rotation  in  the  Joint:  Rotation  section  of 
the  Property  inspector. 

The  degrees  of  rotation  are  relative  to  the  parent  bone.  An  arc  appears  on  top  of  the  bone  joint  indicating  the  degrees 
of  freedom  of  rotation. 

•  To  make  a  selected  bone  stationary  relative  to  its  parent  bone,  disable  rotation  and  x-  and  y-axis  translation. 

The  bone  becomes  rigid  and  follows  the  motion  of  its  parent. 

•  To  limit  the  speed  of  motion  of  a  selected  bone,  enter  a  value  in  the  Joint  Speed  field  in  the  Property  inspector. 
Joint  speed  gives  the  bone  the  effect  of  weight.  The  maximum  value  of  100%  is  equivalent  to  unlimited  speed. 


Add  springness  to  bones 

Two  bone  properties  can  be  used  to  add  springiness  to  IK  bones.  The  Strength  and  Damping  properties  of  bones  give 
real  physical  movement  to  IK  Bones  by  integrating  dynamic  physics  into  the  Bones  IK  system.  These  properties  allow 
easier  creation  of  physics-enhanced  animation.  The  Strength  and  Damping  properties  give  bone  animation  life-like 
movement  that  is  highly  configurable.  It  is  best  to  set  these  properties  before  adding  poses  to  a  pose  layer. 
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Strength:  The  stiffness  of  the  spring.  Higher  values  create  a  stiffer  spring  effect. 

Damping:  The  rate  of  decay  of  the  spring  effect.  Higher  values  cause  the  springiness  to  diminish  more  quickly.  A  value 
of  0  causes  the  springiness  to  remain  at  its  full  strength  throughout  the  frames  of  the  pose  layer. 

To  enable  springiness,  select  one  or  more  bones  and  set  the  Strength  and  Damping  values  in  the  Spring  section  of  the 
Property  inspector.  The  higher  the  Strength,  the  more  rigid  the  spring  becomes.  Damping  determines  the  rate  of  decay 
of  the  spring  effect,  so  the  higher  the  value,  the  faster  the  animation  ends. 

To  turn  off  the  Strength  and  Damping  properties,  select  the  pose  layer  in  the  Timeline  and  deselect  the  Enable  checkbox 
in  the  Spring  section  of  the  Property  inspector.  This  allows  you  to  see  on  Stage  the  poses  you  have  defined  in  the  pose 
layer  without  the  effect  of  the  Spring  properties. 

The  following  factors  affect  the  final  look  of  your  bones  animation  when  working  with  the  Spring  properties. 
Experiment  with  adjusting  each  of  these  to  acheive  the  final  look  you  want. 

•  The  Strength  property  value. 

•  The  Damping  property  value. 

•  The  number  of  frames  between  poses  in  the  pose  layer. 

•  The  total  number  of  frames  in  the  pose  layer. 

•  The  number  of  frames  between  the  final  pose  and  the  last  frame  of  the  pose  later. 


Animate  an  armature 

You  animate  IK  armatures  differently  from  other  objects  in  Flash.  With  armatures,  you  simply  add  frames  to  the  pose 
layer  and  reposition  the  armature  on  the  Stage  to  create  a  keyframe.  Keyframes  in  pose  layers  are  called 

poses 

.  Because  IK  armatures  are  typically  used  for  animation  purposes,  each  pose  layer  acts  as  a  tween  layer  automatically. 

However,  IK  pose  layers  are  different  from  tween  layers  because  you  cannot  tween  properties  other  than  bone  position 
in  the  pose  layer.  To  tween  other  properties  of  an  IK  object  such  as  location,  transform,  color  effects,  or  filters,  enclose 
the  armature  and  its  associated  objects  in  a  movie  clip  or  graphic  symbol.  You  can  then  animate  the  properties  of  the 
symbol  using  the  Insert  >  Motion  Tween  command  and  the  Motion  Editor  panel. 

You  can  also  animate  IK  armatures  with  ActionScript  3.0  at  runtime.  If  you  plan  to  animate  an  armature  with 
ActionScript,  you  cannot  animate  it  in  the  Timeline.  The  armature  can  have  only  one  pose  in  the  pose  layer.  That  pose 
must  be  in  the  first  frame  in  which  the  armature  appears  in  the  pose  layer. 

The  following  additional  resources  demonstrate  how  to  animate  an  armature: 

•  Article:  Character  animation  with  the  Bone  Tool  in  Flash  (Adobe.com) 

•  How  to  use  the  Bone  tool  (5:12)  (YouTube.com) 

•  How  to  animate  symbols  with  the  Bone  tool  (3:26)  (YouTube.com) 


Hide  editing  controls  during  animation 

Keeping  all  the  on-stage  controls  always  enabled  can  result  in  inadvertantly  altering  the  positioning  and  the  properties 
of  your  armature.  After  creating  bones  and  armature  for  animation,  you  can  turn  off  the  armature  editing  controls  and 
hints  by  selecting  the  Hide  armature  editing  controls  and  hints  checkbox  in  the  property  inspector. 
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Animate  an  armature  in  the  Timeline 

IK  armatures  exist  on  pose  layers  in  the  Timeline.  To  animate  armatures  in  the  Timeline,  insert  poses  by  right-clicking 
a  frame  in  a  pose  layer  and  selecting  Insert  Pose.  Use  the  Selection  tool  to  change  the  configuration  of  the  armature. 
Flash  Professional  automatically  interpolates  the  positions  of  the  bones  in  the  frames  between  poses. 

1  In  the  Timeline,  if  needed,  add  frames  to  the  pose  layer  of  the  armature  to  make  room  for  the  animation  you  want 
to  create. 

You  add  frames  by  right-clicking  (Windows)  or  Option-clicking  (Macintosh)  a  frame  in  the  pose  layer  to  the  right 
of  any  existing  frames  and  choosing  Insert  Frame.  You  can  add  or  delete  frames  later  at  any  time. 

2  To  add  a  pose  to  a  frame  in  the  pose  layer,  do  one  of  the  following: 

•  Place  the  playhead  in  the  frame  where  you  want  to  add  the  pose  and  then  reposition  the  armature  on  the  Stage. 

•  Right-click  (Windows)  or  Option-click  (Macintosh)  the  frame  in  the  pose  layer  and  choose  Insert  Pose. 

•  Place  the  playhead  in  the  frame  where  you  want  to  add  the  pose  and  then  press  the  F6  key. 

Flash  inserts  a  pose  into  the  pose  layer  in  the  current  frame.  A  diamond-shaped  pose  marker  in  the  frame  indicates 
the  new  pose. 

3  Add  additional  poses  in  separate  frames  to  complete  the  animation  to  your  satisfaction. 

4  To  change  the  length  of  the  animation  in  the  Timeline,  hover  the  mouse  cursor  over  the  last  frame  of  the  armature 
until  the  Resize  cursor  appears.  Then  drag  the  last  frame  of  the  pose  layer  to  the  right  or  left  to  add  or  remove  frames. 

Flash  repositions  the  pose  frames  in  proportion  to  the  change  in  duration  of  the  layer  and  reinterpolates  the  frames 
in  between.  To  resize  the  armature  span  in  the  Timeline  without  affecting  the  location  of  the  pose  frames,  Shift-drag 
the  last  frame  of  the  armature  span. 

When  you  finish,  scrub  the  playhead  in  the  Timeline  to  preview  the  animation.  You  can  see  the  armature  positions 
interpolated  in  between  the  pose  frames. 

You  can  reposition  the  armature  in  the  pose  frames  or  add  new  pose  frames  at  any  time. 


Edit  the  location  of  poses  in  an  armature 

You  can  edit  the  location  of  poses  in  the  following  ways: 

•  To  move  a  pose  to  a  new  location,  Ctrl-click  (Windows)  or  Command-click  (Macintosh)  a  pose  and  then  drag  the 
pose  to  a  new  location  in  the  armature. 

•  To  copy  a  pose  to  a  new  location,  Ctrl-click  (Windows)  or  Command-click  (Macintosh)  a  pose  and  then  Alt-drag 
(Windows)  or  Option-drag  (Macintosh)  the  pose  to  a  new  location  in  the  armature. 

•  Cut,  copy  and  paste.  Ctrl-click  (Windows)  or  Command-click  (Macintosh)  the  pose  you  want  to  cut  or  copy  and 
choose  Cut  Pose  or  Copy  Pose  from  the  context  menu. 

Then  Ctrl-Click  (Windows)  or  Command-click  (Macintosh)  the  frame  in  the  armature  span  where  you  want  to 
paste  and  choose  Paste  Pose  from  the  context  menu. 


Apply  additional  tweened  effects  to  IK  object  properties 

To  apply  tweened  effects  to  IK  object  properties  other  than  bone  position,  enclose  the  object  in  a  movie  clip  or  graphic 
symbol. 

1  Select  the  IK  armature  and  all  of  its  associated  objects. 
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For  an  IK  shape  you  can  simply  click  the  shape.  For  linked  sets  of  symbol  instances,  you  can  click  the  pose  layer  in 
the  Timeline  or  drag  a  selection  marquee  around  all  of  the  linked  symbols  on  the  Stage. 

2  Right-click  (Windows)  or  Ctrl-click  (Macintosh)  the  selection  and  choose  Convert  To  Symbol  from  the  context 
menu. 

3  In  the  Convert  To  Symbol  dialog  box,  enter  a  name  for  the  symbol  and  choose  either  Movie  Clip  or  Graphic  from 
the  Type  menu.  Click  OK. 

Flash  creates  a  symbol  with  its  own  timeline  containing  the  pose  layer  for  the  armature. 

4  To  use  the  new  symbol  on  the  main  timeline  of  your  FLA  file,  drag  the  symbol  from  the  Library  to  the  Stage. 

You  can  now  add  motion  tween  effects  to  the  new  symbol  instance  on  the  Stage. 

You  can  nest  symbols  containing  IK  armatures  within  as  many  layers  of  other  nested  symbols  as  necessary  to  create 
your  desired  effect. 


Prepare  an  armature  for  runtime  animation  with  ActionScript  3.0 

You  can  use  ActionScript  3.0  to  control  IK  armatures  connected  to  shapes  or  movie  clip  instances.  Flowever,  you  can’t 
control  armatures  connected  to  graphic  or  button  symbol  instances  with  ActionScript. 

Only  armatures  with  a  single  pose  can  be  controlled  with  ActionScript.  Armatures  with  more  than  one  pose  can  only 
be  controlled  in  the  Timeline. 

1  With  the  Selection  tool,  select  a  frame  in  a  pose  layer  containing  an  armature. 

2  In  the  Property  inspector,  choose  Runtime  from  the  Type  menu. 

The  hierarchy  can  now  be  manipulated  with  ActionScript  3.0  at  runtime. 

By  default,  the  armature  name  in  the  Property  inspector  is  the  same  as  the  pose  layer  name.  Use  this  name  to  refer  to 
the  armature  in  ActionScript.  You  can  change  the  name  in  the  Property  inspector. 


Add  easing  to  IK  animation 

Easing  is  adjusting  the  animation  speed  in  the  frames  around  each  pose  to  create  more  realistic  motion. 

1  Select  either  a  frame  between  two  pose  frames  in  the  pose  layer  or  a  pose  frame. 

•  Intervening  frame:  Ease  affects  the  frames  between  the  pose  frames  to  the  left  and  right  of  the  selected  frame. 

•  Pose  frame:  Ease  affects  the  frames  between  the  selected  pose  and  the  next  pose  in  the  layer. 

2  In  the  Property  inspector,  select  a  type  of  ease  from  the  Ease  menu. 

•  Simple  eases:  Four  eases  that  slow  the  motion  in  the  frames  either  immediately  after  or  before  the  selected  frame. 

•  Start  and  Stop  eases:  Slow  the  motion  in  the  frames  immediately  after  the  prior  pose  frame  and  the  frames 
immediately  before  the  next  pose  frame. 

Note:  These  same  ease  types  are  available  in  the  Motion  Editor  when  you  use  motion  tweens.  You  can  view  the  curve 
of  each  type  of  ease  in  the  Motion  Editor  when  you  select  a  motion  tween  in  the  Timeline. 

3  In  the  Property  inspector,  enter  a  value  for  the  Strength  of  the  ease. 

The  default  Strength  is  0,  which  is  equivalent  to  no  easing.  The  maximum  value  is  100,  which  applies  the  most 
significant  easing  effect  to  the  frames  preceding  the  pose  frame.  The  minimum  value  is  -100,  which  applies  the  most 
significant  easing  effect  to  the  frames  immediately  after  the  preceding  pose  frame.  When  you  finish,  preview  the 
eased  motion  on  the  Stage.  Scrub  the  playhead  in  the  Timeline  between  the  two  pose  frames  where  you  applied  the 
ease. 
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Animation  Guide 


Overview 

The  animation  guide  in  Adobe  Flash  Professional  CC  helps  you  enhance  the  animation  you  create  by  defining  a  path 
for  the  objects  you  animate.  This  is  helpful  when  you  are  working  on  an  animation  that  follows  a  path  that  is  not  a 
straight  line.  This  process  requires  two  layers  to  carry  out  an  animation: 

•  A  layer  containing  the  object  that  you  are  about  to  animate 

•  A  layer  defining  the  path,  which  the  object  is  supposed  to  follow  during  the  animation 
Animation  guide  works  only  on  Classic  Tweens. 

For  more  information  on  Animation  Guides,  see  Create  a  motion  guide  layer 


Animation  Guide  based  on  variable  stroke  width 

You  can  animate  an  object  based  on  the  variable  thickness  of  the  stroke  of  the  guide  path. 

Apart  from  the  keyframes  for  the  initial  and  final  positions  of  the  object,  you  do  not  need  any  other  keyframes  to  denote 
the  variation  in  stroke  thickness. 

1  To  animate  an  object  based  on  variable  stroke  width,  create  a  path  and  animate  the  object  along  the  path  as  explained 
in  the  previous  section  of  this  document. 

2  With  the  first  keyframe  of  the  tween  selected  in  the  timeline,  select  the  options  Scale  and  Scale  along  path  check 
boxes  in  the  Property  Inspector.  Now  the  object  is  ready  to  follow  the  scaling  based  on  the  stroke  thickness. 


Color  Along  Path  ^  Scale  Along  Path 

Sync  ^  Scale 


❖  Define  the  thickness  of  the  stroke  using  one  of  the  following  methods: 

•  Choose  the  Width  Tool  (U)  from  the  Toolbox,  click  anywhere  on  the  path,  and  drag  to  vary  the  thickness  of  the  path. 
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•  Select  the  path  using  the  Selection  Tool  (V)  from  the  toolbox  and  in  the  Property  Inspector,  choose  a  width  profile 
for  the  stroke  from  the  Width  drop  down  option. 


For  more  information  on  variable  width  stroke,  see  Variable  Width  Strokes  . 

Once  you  have  a  variable  width  stroke  defined  as  a  path,  if  you  run  the  motion  tween,  you  can  see  that  the  object  not 
only  follows  the  path,  but  also  changes  its  size  based  on  the  relation  to  the  variation  in  the  thickness  of  the  stroke. 

Here  is  an  example  that  uses  Animation  Guide  with  variable  width  stroke: 

A  motion  guide  path  can  have  multiple  segment  with  each  connected  segment  having  a  different  variable  width  profile 
specified  as  shown  below.  With  no  additional  keyframes  for  the  object,  each  segment's  width  profile  is  considered 
during  the  animation. 
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Animation  Guide  based  on  the  stroke  color 

Animation  Guide  also  enables  you  to  tween  an  object  along  the  path,  by  changing  the  color  of  the  object  based  on  the 
color  of  the  guide  path  itself.  To  bring  about  this  variation,  you  need  at  least  two  segments  in  the  path,  that  is,  three 
minimum  nodes  or  points  as  part  of  the  path.  To  achieve  this,  while  creating  a  Classic  Motion  Tween  and  drawing  a 
guide  path  as  described  in  the  previous  section  of  this  document,  use  the  pen  tool  and  draw  a  guide  path  as  shown 
below.  This  path  has  four  nodes/points  in  three  segments. 

Apart  from  the  keyframes  for  the  initial  and  final  positions  of  the  object,  there  is  no  need  to  create  any  more  keyframes 
to  denote  the  variation  in  stroke  color. 


❖  Once  you  create  Classic  Motion  Tween,  select  the  first  keyframe  of  the  tween  in  the  Timeline.  In  the  Property 
Inspector,  check  the  Color  along  the  path  check  box.  Your  object  is  now  ready  to  follow  the  color  variation  as  per 
the  guide  path. 
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Properties 

Frame 

* 

►  Label 

▼  Tweening 

Ease:  0 

Rotate:  Auto 

^  *  0 

^  Snap 

Orient  to  path 

^  Color  Along  Path 

Scale  Along  Path 

Sync 

^  Scale 

❖  Now,  using  the  Selection  Tool  (V)  from  the  toolbox,  click  and  select  the  second  segment  of  the  guide  path  and 
choose  a  different  color.  Repeat  the  same  for  the  third  segment  of  the  path  too. 


Run  the  animation  now  to  see  the  color  influence  of  the  guide  path  on  the  object  itself  in  the  course  of  the  tween.  You 
can  see  that  the  influence  is  not  just  on  the  color,  but  also  on  the  alpha/opacity  value  of  the  stroke  segment  in  the  guide 
path. 


Here  is  an  example  that  uses  Animation  Guide  with  color  variation: 


Working  with  classic  tween  animation 


About  classic  tween  animation 

Note:  Like  most  things  in  Flash,  animation  does  not  require  any  ActionScript.  However,  you  can  create  animation  with 
ActionScript  if  you  choose. 

Classic  tweens  are  an  older  way  of  creating  animation  in  Flash  Professional.  These  tweens  are  similar  to  the  newer 
motion  tweens,  but  are  somewhat  more  complicated  to  create  and  less  flexible.  However,  classic  tweens  do  provide 
some  types  of  control  over  animation  that  motion  tweens  do  not.  Most  users  will  choose  to  work  with  the  newer  motion 
tweens,  but  some  users  will  still  want  to  use  classic  tweens.  For  more  information  about  the  differences,  see  Differences 
between  motion  tweens  and  classic  tweens. 

For  information  about  migrating  classic  tween  animations  to  motion  tweens,  see  the  Motion  migration  guide  for  Flash 
Professional  in  the  Adobe  Flash  Developer  Center. 

Before  you  begin: 
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Before  working  with  classic  tweens,  keep  in  mind  the  following  points: 

•  Classic  tweens  are  the  older  way  of  creating  tweened  animation  in  Flash.  The  newer,  easier  way  is  to  use  motion 
tweens.  See  Motion  tween  animation. 

•  In  some  situations,  such  as  lip-synching,  classic  tweens  are  still  the  best  choice.  For  a  list  of  these  situations,  see 
When  to  use  classic  tweens  and  this  Flash  Motion  Tweening  video  tutorial. 

•  You  cannot  tween  3D  properties  with  classic  tweens. 

•  For  a  complete  guide  to  transitioning  from  the  classic  tween  workflow  to  the  motion  tween  workflow,  see  the  Motion 
migration  guide  for  Flash. 

For  samples  of  classic  tween  animation,  see  the  Flash  Professional  Samples  page  at 

www.adobe.com/go/learn_fl_samples.  The  following  samples  are  available: 

•  Animated  Drop  Shadow:  Download  and  decompress  the  Samples  ZIP  file  and  navigate  to  the 
Graphics\AnimatedDropShadow  folder  to  access  the  sample. 

•  Animation  and  Gradients:  Download  and  decompress  the  Samples  ZIP  file  and  navigate  to  the 
Graphics\AnimationAndGradients  folder  to  access  the  sample. 

The  following  tutorial  demonstrates  when  to  use  classic  tweens  instead  of  motion  tweens: 

•  Video:  Flash  Motion  Tweening  (10:13,  Layers  Magazine.  When  to  use  motion  tweens  and  classic  tweens.) 


Create  and  edit  keyframes  for  classic  tween  animation 

Note:  This  topic  is  about  creating  keyframes  for  the  older  classic  tweens.  For  help  with  property  keyframes  for  the  newer 
motion  tweens,  see  Create  tween  animation. 

Changes  in  a  classic  tween  animation  are  defined  in  a  keyframe.  In  tweened  animation,  you  define  keyframes  at 
significant  points  in  the  animation  and  Flash  Professional  creates  the  contents  of  frames  between.  The  interpolated 
frames  of  a  tweened  animation  appear  as  light  blue  or  light  green  with  an  arrow  drawn  between  keyframes.  Because 
Flash  Professional  documents  save  the  shapes  in  each  keyframe,  create  keyframes  only  at  those  points  in  the  artwork 
where  something  changes. 

Keyframes  are  indicated  in  the  Timeline:  a  solid  circle  represents  a  keyframe  with  content  on  it,  and  an  empty  circle 
before  the  frame  represents  an  empty  keyframe.  Subsequent  frames  added  to  the  same  layer  have  the  same  content  as 
the  keyframe. 

Only  keyframes  are  editable  in  a  classic  tween.  You  can  view  tweened  frames,  but  you  cant  edit  them  directly.  To  edit 
tweened  frames,  change  one  of  the  defining  keyframes  or  insert  a  new  keyframe  between  the  beginning  and  ending 
keyframes.  Drag  items  from  the  Library  panel  onto  the  Stage  to  add  the  items  to  the  current  keyframe. 

To  display  and  edit  more  than  one  frame  at  a  time,  see  Use  onion  skinning. 

Videos  and  tutorials 

•  Video:  Understanding  the  Timeline  Icons  in  a  Classic  Tween  (7:49,  Peachpit.com) 

•  Video:  Modifying  Classic  Tween  Properties  (3:03,  Peachpit.com) 

Create  keyframes 

•  Do  one  of  the  following: 

•  Select  a  frame  in  the  Timeline,  and  select  Insert  >  Timeline  >  Keyframe. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  a  frame  in  the  Timeline  and  select  Insert  Keyframe. 
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Insert  frames  in  the  Timeline 

•  To  insert  a  new  frame,  select  Insert  >  Timeline  >  Frame. 

•  To  create  a  new  keyframe,  select  Insert  >  Timeline  >  Keyframe,  or  right-click  (Windows)  or  Control-click 
(Macintosh)  the  frame  where  you  want  to  place  a  keyframe,  and  select  Insert  Keyframe. 

•  To  create  a  new  blank  keyframe,  select  Insert  >  Timeline  >  Blank  Keyframe,  or  right-click  (Windows)  or 
Control-click  (Macintosh)  the  frame  where  you  want  to  place  the  keyframe,  and  select  Insert  Blank  Keyframe. 

Delete  or  modify  a  frame  or  keyframe 

•  To  delete  a  frame,  keyframe,  or  frame  sequence,  select  it  and  right-click  (Windows)  or  Control-click  (Macintosh) 
and  select  Remove  Frames.  Surrounding  frames  remain  unchanged. 

•  To  move  a  keyframe  or  frame  sequence  and  its  contents,  select  it  and  drag  to  the  desired  location. 

•  To  extend  the  duration  of  a  keyframe,  Alt-drag  (Windows)  or  Option-drag  (Macintosh)  it  to  the  final  frame  of  the 
new  sequence. 

•  To  copy  and  paste  a  frame  or  frame  sequence,  select  it  and  select  Edit  >  Timeline  >  Copy  Frames.  Select  a  frame  or 
sequence  to  replace,  and  select  Edit  >  Timeline  >  Paste  Frames.  To  paste  and  replace  the  exact  number  of  copied 
frames  on  the  target  timeline,  use  the  Paste  and  Overwrite  Frames  option. 

•  To  convert  a  keyframe  to  a  frame,  select  the  keyframe  and  select  Modify  >  Timeline  >  Clear  Keyframe,  or  right-click 
(Windows)  or  Control-click  (Macintosh)  it  and  select  Clear  Keyframe.  The  cleared  keyframe  and  all  frames  up  to 
the  subsequent  keyframe  are  replaced  with  the  contents  of  the  frame  preceding  the  cleared  keyframe. 

•  To  copy  a  keyframe  or  frame  sequence  by  dragging,  select  it  and  Alt-drag  (Windows)  or  Option-drag  (Macintosh) 
to  the  new  location. 

•  To  change  the  length  of  a  tweened  sequence,  drag  the  beginning  or  ending  keyframe  left  or  right. 

•  To  add  a  library  item  to  the  current  keyframe,  drag  the  item  from  the  Library  panel  onto  the  Stage. 

•  To  reverse  an  animation  sequence,  select  the  appropriate  frames  in  one  or  more  layers  and  select  Modify  >  Timeline 
>  Reverse  Frames.  Keyframes  must  be  at  the  beginning  and  end  of  the  sequence. 


Add  classic  tween  animation  to  an  instance,  a  group,  or  text 

Note:  This  topic  is  about  creating  older  classic  tweens.  For  help  with  creating  the  newer  motion  tweens,  see  Create  tween 
animation. 

To  tween  the  changes  in  properties  of  instances,  groups,  and  type,  you  can  use  a  classic  tween.  Flash  Professional  can 
tween  position,  size,  rotation,  and  skew  of  instances,  groups,  and  type.  Additionally,  Flash  Professional  can  tween  the 
color  of  instances  and  type,  creating  gradual  color  shifts  or  making  an  instance  fade  in  or  out. 

Before  tweening  the  color  of  groups  or  type,  make  them  into  symbols.  Before  animating  individual  characters  in  a  block 
of  text  separately,  place  each  character  in  a  separate  text  block. 

If  you  apply  a  classic  tween  and  then  change  the  number  of  frames  between  the  two  keyframes,  or  move  the  group  or 
symbol  in  either  keyframe,  Flash  Professional  automatically  tweens  the  frames  again. 

Videos  and  tutorials 

•  Video:  Creating  a  simple  classic  tween  (Length  =  4:28,  Peachpit.com) 

•  Video:  Modifying  classic  tween  properties  (Length  =  3:03,  Peachpit.com) 

•  Video:  Creating  animations  using  tweens.  Note  that  this  video  is  older  and  refers  to  classic  tweens  as  “motion 
tweens”.  This  is  because  in  older  versions  of  Flash,  classic  tweens  were  the  only  way  of  creating  tweened  motion. 
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•  Video:  Understanding  the  Timeline  Icons  in  a  Classic  Tween  (Length  =  7:49,  Peachpit.com) 

Create  a  classic  tween  animation 

1  Click  a  layer  name  to  make  it  the  active  layer,  and  select  an  empty  keyframe  in  the  layer  where  you  want  the 
animation  to  start.  This  will  be  the  first  frame  of  the  classic  tween. 

2  To  add  content  to  the  first  frame  of  the  classic  tween,  do  one  of  the  following: 

•  Create  a  graphic  object  with  the  Pen,  Oval,  Rectangle,  Pencil,  or  Brush  tool,  and  then  convert  it  to  a  symbol. 

•  Create  an  instance,  group,  or  text  block  on  the  Stage. 

•  Drag  an  instance  of  a  symbol  from  the  Library  panel. 

Note:  To  create  a  tween,  you  must  have  only  one  item  on  the  layer. 

3  Create  a  second  keyframe  where  you  want  the  animation  to  end,  and  leave  the  new  keyframe  selected. 

4  To  modify  the  item  in  the  ending  frame,  do  any  of  the  following: 

•  Move  the  item  to  a  new  position. 

•  Modify  the  item’s  size,  rotation,  or  skew. 

•  Modify  the  item’s  color  (instance  or  text  block  only).  To  tween  the  color  of  elements  other  than  instances  or  text 
blocks,  use  shape  tweening. 

5  To  create  the  classic  tween,  do  one  of  the  following: 

•  Click  any  frame  in  the  tween’s  frame  span  and  select  Insert  >  Classic  Tween. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  any  frame  in  the  tween’s  frame  span  and  select  Create 
Classic  Tween  from  the  context  menu. 

If  you  created  a  graphic  object  in  step  2,  Flash  Professional  automatically  converts  the  object  to  a  symbol  and  names 
it  tweenl. 

6  If  you  modified  the  size  of  the  item  in  step  4,  select  Scale  in  the  Tweening  section  of  the  Property  inspector  to  tween 
the  size  of  the  selected  item. 

7  To  produce  a  more  realistic  sense  of  motion,  apply  easing  to  the  classic  tween.  To  apply  easing  to  a  classic  tween,  use 
the  Ease  field  in  the  Tweening  section  of  the  Property  inspector  to  specify  an  easing  value  for  each  classic  tween  you 
create.  Use  the  Custom  Ease  In/Ease  Out  dialog  box  to  more  precisely  control  the  speed  of  the  classic  tween. 

Drag  the  value  in  the  Easing  field  or  enter  a  value  to  adjust  the  rate  of  change  between  tweened  frames: 

•  To  begin  the  classic  tween  slowly  and  accelerate  the  tween  toward  the  end  of  the  animation,  enter  a  negative  value 
between  -1  and  -100. 

•  To  begin  the  classic  tween  rapidly  and  decelerate  the  tween  toward  the  end  of  the  animation,  enter  a  positive 
value  between  1  and  100. 

•  To  produce  a  more  complex  change  in  speed  within  the  tween’s  frame  span,  click  the  Edit  button  next  to  the  Ease 
field  to  open  the  Custom  Ease  In/Ease  Out  dialog  box. 

By  default,  the  rate  of  change  between  tweened  frames  is  constant.  Easing  creates  a  more  natural  appearance  of 
acceleration  or  deceleration  by  gradually  adjusting  the  rate  of  change. 

8  To  rotate  the  selected  item  during  the  tween,  select  an  option  from  the  Rotate  menu  in  the  Property  inspector: 

•  To  prevent  rotation,  select  None  (the  default  setting). 

•  To  rotate  the  object  once  in  the  direction  requiring  the  least  motion,  select  Auto. 
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•  To  rotate  the  object  as  indicated,  and  then  enter  a  number  to  specify  the  number  of  rotations,  select  Clockwise 
(CW)  or  Counterclockwise  (CCW). 

Note:  The  rotation  in  step  8  is  in  addition  to  any  rotation  you  applied  to  the  ending  frame  in  step  4. 

9  If  you’re  using  a  motion  path,  select  Orient  To  Path  in  the  Property  inspector  to  orient  the  baseline  of  the  tweened 
element  to  the  motion  path. 

1 0  To  synchronize  the  animation  of  graphic  symbol  instances  with  the  main  Timeline,  select  the  Sync  option  in  the 
Property  inspector. 

Note:  Modify  >  Timeline  >  Synchronize  Symbols  and  the  Sync  option  both  recalculate  the  number  of  frames  in  a  tween 
to  match  the  number  of  frames  allotted  to  it  in  the  Timeline.  Use  the  Sync  option  if  the  number  of  frames  in  the 
animation  sequence  inside  the  symbol  is  not  an  even  multiple  of  the  number  of  frames  the  graphic  instance  occupies  in 
the  document. 

1 1  If  you’re  using  a  motion  path,  select  Snap  to  attach  the  tweened  element  to  the  motion  path  by  its  registration  point. 

Working  with  Classic  tweens  saved  as  XML  files 

Flash  Pro  allows  you  to  work  with  Classic  Tweens  as  XML  files.  Natively,  Flash  Pro  allows  you  to  apply  the  following 
commands  on  any  Classic  Tween: 

•  Copy  Motion  as  XML 

•  Export  Motion  as  XML 

•  Import  Motion  as  XML 

Copy  Motion  as  XML 

Allows  you  to  copy  Motion  properties  applied  to  any  object  on  the  Stage  at  a  said  frame. 

1  Create  a  Classic  Tween. 

2  Select  any  keyframe  on  the  Timeline. 

3  Go  to  Commands  >  Copy  Motion  as  XML. 

The  Motion  properties  is  copied  to  the  clipboard  as  XML  data,  you  can  then  use  any  text  editor  to  work  on  the  XML  file. 

Export  Motion  as  XML 

Allows  you  to  export  Motion  properties  applied  to  any  object  on  the  stage  to  an  XML  file  that  can  be  saved. 

1  Create  a  Classic  Tween. 

2  Go  to  Commands  >  Export  Motion  as  XML. 

3  Browse  to  a  suitable  location  where  you  want  to  save  the  file. 

4  Provide  a  name  for  the  XML  file,  and  click  Save. 

The  Classic  tween  is  exported  as  an  XML  file  at  the  specified  location. 

Import  Motion  as  XML 

Allows  you  to  import  an  existing  XML  file  that  has  Motion  properties  defined. 

1  Select  an  Object  any  object  on  the  Stage. 

2  Go  to  Commands  >  Import  Motion  as  XML. 

3  Browse  to  the  location,  and  select  the  XML  file.  Click  Ok. 
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4  On  the  Paste  Motion  Special  dialog,  select  the  properties  that  you  want  to  apply  on  the  selected  object. 

5  Click  Ok. 

Create  a  motion  guide  layer 

To  control  the  movement  of  objects  in  a  classic  tween  animation,  create  a  motion  guide  layer. 

You  cannot  drag  a  motion  tween  layer  or  inverse  kinematics  pose  layer  onto  a  guide  layer. 

❖  Drag  a  normal  layer  onto  a  guide  layer.  This  converts  the  guide  layer  to  a  motion  guide  layer  and  links  the  normal 
layer  to  the  new  motion  guide  layer. 

Note:  To  prevent  accidentally  converting  a  guide  layer,  place  all  guide  layers  at  the  bottom  of  the  layer  order. 


Create  classic  tween  animation  along  a  path 

Note:  This  topic  is  about  working  with  older  classic  tweens.  For  help  with  using  the  newer  motion  tweens  with  motion 
paths,  see  Edit  the  motion  path  of  a  tween  animation. 

Motion  guide  layers  let  you  draw  paths  along  which  tweened  instances,  groups,  or  text  blocks  can  be  animated.  You  can 
link  multiple  layers  to  a  motion  guide  layer  to  have  multiple  objects  follow  the  same  path.  A  normal  layer  that  is  linked 
to  a  motion  guide  layer  becomes  a  guided  layer. 


•  Guide:  car  S'  •  • 
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Videos  and  tutorials 

•  Video:  Using  a  motion  guide  with  a  classic  tween  (Length  =  5:19,  Peachpit.com) 

•  www.adobe.com/go/vid0125.  Note  that  this  video  is  older  and  refers  to  classic  tweens  as  “motion  tweens”.  This  is 
because  in  older  versions  of  Flash,  classic  tweens  were  the  only  way  of  creating  tweened  motion. 

Create  a  motion  path  for  classic  tweened  animation 

1  Create  a  classic-tweened  animation  sequence. 

If  you  select  Orient  To  Path  in  the  Property  inspector,  the  baseline  of  the  tweened  element  orients  to  the  motion 
path.  If  you  select  Snap,  the  registration  point  of  the  tweened  element  snaps  to  the  motion  path. 

2  Right-click  (Windows)  or  Control-click  (Macintosh)  the  layer  name  of  the  layer  containing  the  classic  tween  and 
choose  Add  Classic  Motion  Guide. 

Flash  Professional  adds  a  motion  guide  layer  above  the  classic  tween  layer  and  indents  the  name  of  the  classic  tween 
layer  to  show  that  it  is  bound  to  the  motion  guide  layer. 

Note:  If  you  already  have  a  guide  layer  in  the  Timeline,  you  can  drag  a  layer  containing  the  classic  tween  below  the  guide 
layer  to  convert  the  guide  layer  to  a  motion  guide  and  bind  the  classic  tween  to  it. 

*  Guide:  car  *  *  I 

^  car  •  •  □ 


3  To  add  a  path  to  the  motion  guide  layer  to  guide  the  classic  tween,  select  the  motion  guide  layer  and  use  the  Pen, 
Pencil,  Line,  Circle,  Rectangle,  or  Brush  tool  to  draw  the  desired  path. 
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You  can  also  paste  a  stroke  onto  the  motion  guide  layer. 

4  Drag  the  object  you  are  tweening  to  snap  it  to  the  beginning  of  the  line  in  the  first  frame,  and  to  the  end  of  the  line 
in  the  last  frame. 


Note:  For  best  snapping  results,  drag  the  symbol  by  its  transformation  point. 

5  To  hide  the  motion  guide  layer  and  the  path  so  that  only  the  object’s  movement  is  visible  while  you  work,  click  in 
the  Eye  column  on  the  motion  guide  layer. 

The  group  or  symbol  follows  the  motion  path  when  you  play  the  animation. 

To  know  more  about  animation  guide  based  on  variable  width  stroke  and  variable  stroke  color,  see  Animation  Guide 

Link  layers  to  a  motion  guide  layer 

❖  Do  one  of  the  following: 

•  Drag  an  existing  layer  below  the  motion  guide  layer.  The  layer  is  indented  under  the  motion  guide  layer.  All 
objects  on  this  layer  automatically  snap  to  the  motion  path. 

•  Create  a  new  layer  under  the  motion  guide  layer.  Objects  you  tween  on  this  layer  are  automatically  tweened  along 
the  motion  path. 

•  Select  a  layer  below  a  motion  guide  layer.  Select  Modify  >  Timeline  >  Layer  Properties,  and  select  Guide. 

Unlink  layers  from  a  motion  guide  layer 

❖  Select  the  layer  to  unlink  and  do  one  of  the  following: 

•  Drag  the  layer  above  the  motion  guide  layer. 

•  Select  Modify  >  Timeline  >  Layer  Properties,  and  select  Normal  as  the  layer  type. 


Paste  classic  tween  animation  properties 

Note:  This  topic  is  about  pasting  properties  of  older  classic  tweens.  For  help  with  pasting  properties  of  the  newer  motion 
tweens,  see  Copy  and  paste  motion  tween  properties. 

The  Paste  Motion  command  lets  you  copy  a  classic  tween,  and  paste  only  specific  properties  to  apply  to  another  object. 

1  Select  the  frames  in  the  Timeline  that  contain  the  classic  tween  to  copy.  The  frames  you  select  must  be  on  the  same 
layer,  however,  they  do  not  have  to  span  a  single  classic  tween.  The  selection  can  span  a  tween,  empty  frames,  or  two 
or  more  tweens. 

2  Select  Edit  >  Timeline  >  Copy  Motion. 

3  Select  the  symbol  instance  to  receive  the  copied  classic  tween. 

4  Select  Edit  >  Timeline  >  Paste  Motion  Special.  Select  the  specific  classic  tween  properties  to  paste  to  the  symbol 
instance.  The  classic  tween  properties  are: 

X  Position  How  far  an  object  moves  in  the  x  direction. 
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Y  Position  How  far  an  object  moves  in  the  y  direction. 

Horizontal  Scale  The  ratio  between  the  current  size  of  the  object  and  its  natural  size  in  the  horizontal  direction  (X). 

Vertical  Scale  Specifies  the  ratio  between  the  current  size  of  the  object  and  its  natural  size  in  the  vertical  direction 

(Y). 

Rotation  And  Skew  The  rotation  and  skew  of  the  object.  These  properties  must  be  jointly  applied  to  an  object.  Skew 
is  a  measurement  of  rotation  in  degrees,  and  when  you  rotate  and  skew,  each  property  affects  the  other. 

Color  All  color  values  such  as  Tint,  Brightness,  and  Alpha  are  applied  to  the  object. 

Filters  All  filter  values  and  changes  for  the  selected  span.  If  filters  are  applied  to  an  object,  the  filter  is  pasted  with 
all  values  intact,  and  its  state  (enabled  or  disabled)  applies  to  the  new  object  as  well. 

Blend  Mode  Applies  the  blend  mode  of  the  object. 

Override  Target  Scale  Properties  When  unchecked,  specifies  that  all  properties  be  pasted  relative  to  the  target 
object.  When  checked,  this  option  overrides  the  scale  properties  of  the  target. 

Override  Target  Rotation  And  Skew  Properties  When  unchecked,  specifies  that  all  properties  be  pasted  relative  to 
the  target  object.  When  checked,  the  pasted  properties  override  the  existing  rotation  and  scale  properties  of  the 
object. 

The  necessary  frames,  tween,  and  symbol  information  are  inserted  to  match  the  original,  copied  tween. 

To  copy  a  symbol’s  classic  tween  to  the  Actions  panel  or  use  it  in  another  project  as  ActionScript,  use  the  Copy 
Motion  as  ActionScript  3.0  command. 


Apply  custom  ease  in/ease  out  to  classic  tween  animation 

Note:  This  topic  is  about  adding  easing  to  older  classic  tweens.  For  help  with  adding  easing  to  the  newer  motion  tweens,  see 
Easing  tween  animations. 

The  Custom  Ease  In/Ease  Out  dialog  box  displays  a  graph  representing  the  degree  of  motion  over  time.  The  horizontal 
axis  represents  frames,  and  the  vertical  axis  represents  percentage  of  change.  The  first  keyframe  is  represented  as  0%, 
and  the  last  keyframe  is  represented  as  100%. 

The  slope  of  the  graph’s  curve  represents  the  rate  of  change  of  the  object.  When  the  curve  is  horizontal  (no  slope),  the 
velocity  is  zero;  when  the  curve  is  vertical,  an  instantaneous  rate  of  change  occurs. 


Last  updated  6/1 2/2015 


Animation  and  Interactivity 


182 


Additional  controls  for  the  Custom  Ease  In/Ease  Out  dialog  box 

Use  One  Setting  For  All  Properties  check  box  The  default  is  selected;  the  displayed  curve  is  used  for  all  properties,  and 
the  Properties  pop-up  menu  is  disabled.  When  the  check  box  is  not  selected,  the  Properties  pop-up  menu  is  enabled, 
and  each  property  has  a  separate  curve  defining  the  velocity  of  that  property. 

Property  pop-up  menu  Enabled  only  when  the  Use  One  Setting  for  All  Properties  check  box  is  not  selected.  When 
enabled,  a  separate  curve  is  maintained  for  each  of  the  five  properties  appearing  in  the  menu.  Selecting  a  property  in 
the  menu  displays  the  curve  for  that  property.  The  properties  are: 

Position  Specifies  custom  ease  settings  for  the  position  of  an  animated  object  on  the  Stage. 

Rotation  Specifies  custom  ease  settings  for  the  rotation  of  an  animated  object.  For  example,  you  can  fine-tune  how 
quickly  or  slowly  an  animated  character  turns  around  to  face  the  user  on  the  Stage. 

Scale  Specifies  custom  ease  settings  for  the  scale  of  an  animated  object.  For  example,  you  can  more  easily  customize 
the  scale  of  an  object  so  it  appears  to  be  moving  away  from  the  viewer,  then  coming  closer,  and  then  moving  away  again. 

Color  Specifies  custom  ease  settings  for  color  transitions  applied  to  an  animated  object. 

Filters  Specifies  custom  ease  settings  for  filters  applied  to  an  animated  object.  For  example,  you  can  control  the  ease 
setting  of  a  drop  shadow  that  simulates  a  change  in  the  direction  of  a  light  source. 

Play  and  Stop  buttons  Let  you  preview  an  animation  on  the  Stage  using  all  the  current  velocity  curves  defined  in  the 
Custom  Ease  In/Ease  Out  dialog  box. 

Reset  button  Lets  you  reset  the  velocity  curve  to  the  default,  linear  state. 

Position  of  the  selected  control  point  In  the  lower-right  corner  of  the  dialog  box,  a  numeric  value  displays  the 
keyframe  and  position  of  the  selected  control  point.  If  no  control  point  is  selected,  no  value  appears. 

To  add  a  control  point  to  the  line,  click  the  diagonal  line  once.  To  achieve  a  precise  degree  of  control  over  the  motion 
of  an  object,  drag  the  positions  of  the  control  points. 

Using  frame  indicators  (represented  by  square  handles),  click  where  you  want  an  object  to  slow  down  or  speed  up. 
Clicking  the  square  handle  of  a  control  point  selects  that  control  point,  and  displays  the  tangent  points  on  either  side 
of  it.  Hollow  circles  represent  tangent  points.  Drag  the  control  point  or  its  tangent  points  with  the  mouse  or  use  the 
keyboard’s  arrow  keys  to  position  them. 
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Tip:  By  default,  the  control  points  snap  to  a  grid.  You  can  turn  off  snapping  by  pressing  the  X  key  while  dragging  the 
control  point. 

Clicking  an  area  of  the  curve  away  from  any  control  points  adds  a  new  control  point  to  the  curve  at  that  point,  without 
changing  the  shape  of  the  curve.  Clicking  away  from  the  curve  and  control  points  deselects  the  currently  selected 
control  point. 

Add  a  custom  ease 

1  Select  a  layer  in  the  Timeline  that  has  a  classic  tween  applied  to  it. 

2  Click  the  Edit  button  next  to  the  Ease  slider  in  the  frame  Property  inspector. 

3  (Optional)  To  display  the  curve  for  a  single  tweened  property,  deselect  Use  One  Setting  For  All  Properties,  and  select 
a  property  in  the  menu. 

4  To  add  a  control  point,  Control-click  (Windows)  or  Command-click  (Macintosh)  the  diagonal  line. 

5  To  increase  the  speed  of  the  object,  drag  the  control  point  up;  to  slow  down  the  speed  of  the  object,  drag  it 
downwards. 

6  To  further  adjust  the  ease  curve,  and  fine  tune  the  ease  value  of  the  tween,  drag  the  vertex  handles. 

7  To  view  the  animation  on  the  Stage,  click  the  play  button  in  the  lower-left  corner. 

8  Adjust  the  controls  until  you  achieve  the  desired  effect. 

Note:  If  you  use  the  Custom  Ease  In/Ease  Out  dialog  box  to  apply  a  custom  ease  to  a  frame,  the  edit  box  that  shows  the 
ease  value  shows  If  you  use  the  Edit  box  or  the  pop-up  slider  to  apply  an  ease  value  to  a  frame,  the  Custom  Ease  graph 
is  set  to  the  equivalent  curve,  and  the  Use  One  Setting  For  All  Properties  check  box  is  selected. 

Copy  and  paste  an  ease  curve 

•  To  copy  the  current  ease  curve,  press  Control+C  (Windows)  or  Command+C  (Macintosh). 

•  To  paste  the  copied  curve  into  another  ease  curve,  press  Control+V  (Windows)  or  Command+V  (Macintosh). 

You  can  copy  and  paste  the  ease  curve.  The  copied  curve  remains  available  until  you  exit  the  Flash  Professional 
application. 

Unsupported  easing  curves 

Certain  types  of  easing  curves  are  not  supported.  No  part  of  the  graph  can  represent  a  nonlinear  curve  (such  as  a  circle). 

The  Custom  Ease  dialog  box  automatically  prevents  moving  a  control  point  or  a  tangent  handle  to  a  position  that  would 
render  an  invalid  curve: 

•  All  points  must  exist  on  the  graph.  Control  points  cannot  be  moved  beyond  the  bounds  of  the  graph. 

•  All  segments  of  the  curve  must  exist  within  the  graph.  The  shape  of  the  curve  is  flattened  to  prevent  it  from 
extending  beyond  the  bounds  of  the  graph. 

Videos  and  tutorials 

•  Video:  Modifying  Classic  Tween  Properties  (3:03,  Peachpit.com) 

More  Help  topics 

About  Tween  Animation 

Create  symbols 
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Break  TLF  text  apart 
About  tweened  animation 

Motion  tween  animation 


About  tween  animation 


Before  you  begin 

Note:  Like  most  things  in  Flash,  animation  does  not  require  any  ActionScript.  However,  you  can  create  animation  with 
ActionScript  if  you  choose. 

Before  creating  tweens,  it  is  helpful  to  understand  the  following  Flash  Pro  concepts: 

•  Drawing  on  the  Stage 

•  Timeline  layers  and  the  stacking  order  of  objects  within  a  single  layer  as  well  as  across  layers 

•  Moving  and  transforming  objects  on  the  Stage  and  in  the  Property  inspector 

•  Using  the  Timeline,  including  object  lifetime  and  selecting  objects  at  specific  points  in  time.  See  Frames  and 
keyframesto  learn  the  basics. 

•  Symbols  and  symbol  properties.  Tweenable  symbol  types  include  movie  clips,  buttons,  and  graphics.  Text  is  also 
tweenable. 

•  Nested  symbols.  Symbol  instances  can  be  nested  inside  other  symbols. 

•  Optional:  Bezier  curve  editing  using  the  Select  and  Subselect  tools.  These  tools  can  be  used  for  editing  tween  motion 
paths.  For  more  information,  see  Editing  Motion  Tweens  using  Motion  Editor. 

For  more  information  about  these  concepts,  see  the  list  of  links  at  the  bottom  of  this  page. 

Understanding  motion  tweens 

A  motion  tween  is  an  animation  that  is  created  by  specifying  different  values  for  an  object  property  in  different  frames. 
Flash  Pro  calculates  the  values  for  that  property  in  between  those  two  frames.  The  term  tween  comes  from  the  words 
“in  between”. 

For  example,  you  can  place  a  symbol  left  of  the  Stage  in  frame  1,  and  move  it  to  the  right  of  the  Stage  in  frame  20.  When 
you  create  a  tween,  Flash  Pro  calculates  all  the  positions  of  the  movie  clip  in  between.  The  result  is  an  animation  of  the 
symbol  moving  from  left  to  right,  from  frame  1  to  frame  20.  In  each  frame  in  between,  Flash  Pro  moves  the  movie  clip 
one  20th  of  the  distance  across  the  Stage. 

A  tween  span  is  a  group  of  frames  in  the  Timeline  in  which  an  object  has  one  or  more  properties  changed  over  time.  A 
tween  span  appears  in  the  Timeline  as  a  group  of  frames  in  a  single  layer  with  a  blue  background.  These  tween  spans 
can  be  selected  as  a  single  object  and  dragged  from  one  location  in  the  Timeline  to  another,  including  to  another  layer. 
Only  one  object  on  the  Stage  can  be  animated  in  each  tween  span.  This  object  is  called  the  target  object  of  the  tween 
span. 
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A  property  keyframe  is  a  frame  within  a  tween  span  where  you  explicitly  define  one  or  more  property  values  for  the 
tween  target  object.  These  properties  could  include  position,  alpha  (transparency),  color  tint,  and  so  on.  Each  property 
you  define  has  its  own  property  keyframes.  If  you  set  more  than  one  property  in  a  single  frame,  then  the  property 
keyframes  for  each  of  those  properties  reside  in  that  frame.  You  can  view  each  property  of  a  tween  span  and  its  property 
keyframes  in  the  Motion  Editor.  You  can  also  choose  which  types  of  property  keyframes  to  display  in  the  Timeline  from 
the  tween  span  context  menu. 

In  the  preceding  example  of  tweening  a  movie  clip  from  frame  1  to  frame  20,  frames  1  and  20  are  property  keyframes. 
You  can  use  the  Property  inspector,  the  Motion  Editor,  and  many  other  tools  in  Flash  to  define  values  for  properties 
you  want  to  animate.  You  specify  these  property  values  in  the  frames  of  your  choosing,  and  Flash  Pro  adds  the  required 
property  keyframes  to  the  tween  span.  Flash  Pro  interpolates  the  values  for  each  of  these  properties  in  the  frames  in 
between  the  property  keyframes  you  have  created. 

Note:  Beginning  in  Flash  Professional  CS4,  the  concepts  of  a  “key frame”  and  a  “property  keyframe”  have  changed.  The  term 
“keyframe”  refers  to  a  frame  in  the  Timeline  in  which  a  symbol  instance  appears  on  the  Stage  for  the  first  time.  The  separate 
term  “property  keyframe”  refers  to  a  value  defined  for  a  property  of  an  object  at  a  specific  time  or  frame  in  a  motion  tween. 

If  a  tweened  object  changes  its  location  on  the  Stage  during  the  tween,  the  tween  span  has  a  motion  path  associated 
with  it.  This  motion  path  shows  the  path  the  tweened  object  takes  during  its  movement  around  the  Stage.  You  can  edit 
the  motion  path  on  the  Stage  using  the  Selection,  Subselection,  Convert  Anchor,  Remove  Anchor,  and  Free  Transform 
tools,  and  commands  in  the  Modify  menu.  If  you  are  not  tweening  position,  no  motion  path  appears  on  the  Stage.  You 
can  also  apply  an  existing  path  as  a  motion  path  by  pasting  the  path  onto  a  tween  span  in  the  Timeline. 

Tweened  animation  is  an  effective  and  efficient  way  to  create  movement  and  changes  over  time  while  minimizing  file 
size.  In  tweened  animation,  only  the  values  for  the  property  keyframes  you  specify  are  stored  in  the  FLA  file  and 
published  SWF  file. 

Tweenable  objects  and  properties 

The  types  of  objects  that  can  be  tweened  include  movie  clip,  graphic  and  button  symbols,  and  text  fields.  The  properties 
of  these  objects  that  can  be  tweened  include  the  following: 

•  2D  X  and  Y  position 

•  3D  Z  position  (movie  clips  only) 

•  2D  rotation  (around  the  z-axis) 

•  3D  X,  Y,  and  Z  rotation  (movie  clips  only) 

3D  motion  requires  that  the  FLA  file  target  ActionScript  3.0  and  Flash  Player  10  or  higher  in  the  publish  settings. 
Adobe  AIR  also  supports  3D  motion. 

•  Skew  X  and  Y 

•  Scale  X  and  Y 

•  Color  effects 

Color  effects  include:  alpha  (transparency),  brightness,  tint,  and  advanced  color  settings.  Color  effects  can  be 
tweened  only  on  symbols  and  TLF  text.  By  tweening  these  properties,  you  can  make  objects  appear  to  fade  in  or  fade 
from  one  color  to  another. 

To  tween  a  color  effect  on  classic  text,  convert  the  text  to  a  symbol. 

•  Filter  properties  (filters  cannot  be  applied  to  graphic  symbols) 
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Differences  between  motion  tweens  and  classic  tweens 

Flash  Pro  supports  two  different  types  of  tweens  for  creating  motion.  Motion  tweens,  introduced  in  Flash  CS4 

Professional,  are  powerful  and  simple  to  create.  Motion  tweens  allow  the  greatest  control  over  tweened  animation. 

Classic  tweens,  which  include  all  tweens  created  in  earlier  versions  of  Flash  Pro,  are  more  complex  to  create.  While 

motion  tweens  offer  much  more  control  of  a  tween,  classic  tweens  provide  certain  specific  capabilities  that  some  users 

need. 

The  differences  between  motion  tweens  and  classic  tweens  include  the  following: 

•  Classic  tweens  use  keyframes.  Keyframes  are  frames  in  which  a  new  instance  of  an  object  appears.  Motion  tweens 
can  only  have  one  object  instance  associated  with  them  and  use  property  keyframes  instead  of  keyframes. 

•  A  motion  tween  consists  of  one  target  object  over  the  entire  tween  span.  Classic  tween  allows  tweening  between  two 
keyframes,  containing  instances  of  the  same  or  different  symbols. 

•  Both  motion  tweens  and  classic  tweens  allow  only  specific  types  of  objects  to  be  tweened.  When  you  apply  a  motion 
tween  to  non-allowed  object  types,  Flash  offers  to  convert  them  to  a  movie  clip  when  the  tween  is  created.  Applying 
a  classic  tween  converts  them  to  graphic  symbols. 

•  Motion  tweens  consider  text  a  tweenable  type  and  do  not  convert  text  objects  to  movie  clips.  Classic  tweens  convert 
text  objects  to  graphic  symbols. 

•  No  frame  scripts  are  allowed  on  a  motion  tween  span.  Classic  tweens  allow  frame  scripts. 

•  Any  object  scripts  on  a  tween  target  cannot  change  over  the  course  of  the  motion  tween  span. 

•  Motion  tween  spans  can  be  stretched  and  resized  in  the  Timeline  and  are  treated  as  a  single  object.  Classic  tweens 
consist  of  groups  of  individually  selectable  frames  in  the  Timeline. 

•  To  select  individual  frames  in  a  motion  tween  span,  Ctrl-click  (Windows)  or  Command-click  (Macintosh)  the 
frames. 

•  With  classic  tweens,  eases  can  be  applied  to  the  groups  of  frames  between  the  keyframes  within  the  tween.  With 
motion  tweens,  eases  apply  across  the  entire  length  of  a  motion  tween  span.  Easing  only  specific  frames  of  a  motion 
tween  requires  the  creation  of  a  custom  ease  curve. 

•  You  can  use  classic  tweens  to  animate  between  two  different  color  effects,  such  as  tint  and  alpha  transparency. 
Motion  tweens  can  apply  one  color  effect  per  tween. 

•  Only  motion  tweens  can  be  used  to  animate  3D  objects.  You  cannot  animate  a  3D  object  using  a  classic  tween. 

•  Only  motion  tweens  can  be  saved  as  Motion  Presets. 

•  With  motion  tweens,  you  cannot  swap  symbols  or  set  the  frame  number  of  a  graphic  symbol  to  display  in  a  property 
keyframe.  Animations  that  include  these  techniques  require  classic  tweens. 

•  There  can  be  more  than  one  classic  or  motion  tween  on  the  same  layer,  but  there  can't  be  both  types  of  tween  on  the 
same  layer. 

Additional  resources 

The  following  articles  and  resources  are  available  about  the  differences  between  motion  tweens  and  classic  tweens: 

•  Creating  a  simple  animation  in  Flash  (Adobe.com) 

•  Motion  migration  guide  for  Flash  Professional  (Adobe.com) 

•  Jen  DeFIaan  provides  a  useful  blog  post  about  the  motion  model  in  Flash  Pro  and  the  differences  between  motion 
tweens  and  classic  tweens  on  her  Flashthusiast.com  site. 
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Applying  motion  presets 

Motion  presets  are  pre-configured  motion  tweens  that  you  can  apply  to  an  object  on  the  Stage.  You  simply  select  the 
object  and  click  the  Apply  button  in  the  Motion  Presets  panel. 

Using  motion  presets  is  a  quick  way  to  learn  the  basics  of  adding  animation  in  Flash  Pro.  Once  you  see  how  presets 
work,  making  your  own  animations  is  even  easier. 

You  can  create  and  save  your  own  custom  presets.  These  can  be  from  existing  motion  presets  that  you  have  modified, 
or  from  custom  tweens  that  you  have  created  on  your  own. 

The  Motion  Presets  panel  also  allows  you  to  import  and  export  presets.  You  can  share  presets  with  people  you  are 
collaborating  with  or  take  advantage  of  presets  shared  by  members  of  the  Flash  Pro  design  community. 

Using  presets  can  save  significant  production  time  during  design  and  development  of  your  projects,  especially  if  you 
use  similar  kinds  of  tweens  often. 

Note:  Motion  presets  can  only  contain  motion  tweens.  Classic  tweens  cannot  be  saved  as  motion  presets. 

Preview  a  motion  preset 

Each  motion  preset  included  with  Flash  Pro  has  a  preview  that  you  can  watch  in  the  Motion  Presets  panel.  The  preview 
gives  you  a  sense  of  what  the  animation  looks  like  when  applied  to  an  object  in  your  FLA  file.  For  custom  presets  that 
you  create  or  import,  you  can  add  your  own  preview. 

1  Open  the  Motion  Presets  panel. 

2  Select  a  motion  preset  from  the  list. 

The  preview  plays  in  the  Preview  pane  at  the  top  of  the  panel. 

3  To  stop  the  preview  from  playing,  click  outside  the  Motion  Presets  panel. 

Apply  a  motion  preset 

While  a  tweenable  object  (symbol  instance  or  text  field)  is  selected  on  the  Stage,  you  can  click  the  Apply  button  to  apply 
a  preset.  You  can  apply  only  one  preset  per  object.  If  you  apply  the  second  preset  to  the  same  object,  the  second  preset 
replaces  with  the  first  one. 

Once  a  preset  is  applied  to  an  object  on  the  Stage,  the  tween  created  in  the  Timeline  no  longer  has  any  relationship  to 
the  Motion  Presets  panel.  Deleting  or  renaming  a  preset  in  the  Motion  Presets  panel  has  no  effect  on  any  tweens 
previously  created  with  that  preset.  If  you  save  a  new  preset  over  an  existing  one  in  the  panel,  it  has  no  effect  on  any 
tweens  already  created  with  the  original  preset. 

Each  motion  preset  contains  a  specific  number  of  frames.  When  you  apply  a  preset,  the  tween  span  created  in  the 
Timeline  contains  this  number  of  frames.  If  the  target  object  already  had  a  tween  of  a  different  length  applied  to  it,  the 
tween  span  adjusts  to  match  the  length  of  the  motion  preset.  You  can  adjust  the  length  of  the  tween  span  in  the  Timeline 
after  the  preset  is  applied. 

Motion  presets  that  contain  3D  motion  can  only  be  applied  to  movie  clip  instances.  The  tweened  3D  properties  do  not 
apply  to  graphic  or  button  symbols,  or  to  classic  text  fields.  You  can  apply  2D  or  3D  motion  presets  to  any  2D  or  3D 
movie  clip. 

Note:  Motion  presets  that  animate  the  z-axis  position  of  a  3D  movie  clip  will  cause  the  movie  clip  to  appear  to  change  its 
x  and  y  position  as  well.  This  is  because  movement  along  the  z-axis  follows  the  invisible  perspective  lines  which  radiate  from 
the  3D  vanishing  point  (set  in  the  3D  symbol  instance  Property  inspector)  to  the  edges  of  the  Stage. 
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To  apply  the  motion  preset: 

1  Select  a  tweenable  object  on  the  Stage.  If  you  apply  a  motion  preset  to  an  object  that  is  not  tweenable,  a  dialog  box 
appears  to  allow  you  to  convert  the  object  to  a  symbol. 

2  Select  a  preset  in  the  Motion  Presets  panel. 

3  Click  the  Apply  button  in  the  panel  or  choose  Apply  at  Current  Location  from  the  panel  menu. 

The  motion  is  applied  so  that  the  motion  starts  at  the  current  position  of  the  movie  clip  on  the  Stage.  If  the  preset 
has  a  motion  path  associated  with  it,  the  motion  path  appears  on  the  Stage. 

To  apply  the  preset  so  that  its  motion  ends  at  the  current  position  of  the  object  on  the  Stage,  Shift- click  the  Apply 
button  or  select  End  at  Current  Location  from  the  panel  menu. 

You  can  also  apply  a  motion  preset  to  multiple  selected  frames  on  separate  layers,  as  long  as  each  selected  frame  contains 
only  a  single  tweenable  object. 

Save  a  tween  as  a  custom  motion  preset 

If  you  create  your  own  tween  or  change  a  tween  that  you  applied  from  the  Motion  Presets  panel,  you  can  save  it  as  a 
new  motion  preset.  The  new  preset  appears  in  the  Custom  Presets  folder  in  the  Motion  Presets  panel. 

To  save  a  custom  tween  as  a  preset: 

1  Select  one  of  the  following  items: 

•  The  tween  span  in  the  Timeline 

•  The  object  on  Stage  to  which  the  custom  tween  was  applied 

•  The  motion  path  on  the  Stage 

2  Click  the  Save  Selection  As  Preset  button  in  Motion  Presets  panel  or  choose  Save  as  Motion  Preset  from  the  context 
menu  of  the  selection. 

The  new  preset  appears  in  the  Motion  Presets  panel.  Flash  Pro  saves  the  preset  as  an  XML  file.  The  files  are  stored 
in  the  following  directories: 

•  Windows:  <hard  disk>\Documents  and  Settings\<user>\Local  Settings\Application  Data\Adobe\Flash 
CC\<language>\Configuration\Motion  Presets\ 

•  Macintosh:  <hard  disk>/Users/<user>/Library/ Application  Support/ Adobe/Flash 
CC/<language>/Configuration/Motion  Presets/ 

Note:  You  cannot  undo  saving,  deleting,  or  renaming  custom  presets. 

Import  a  motion  preset 

Motion  presets  are  stored  as  XML  files.  Import  an  XML  tween  file  to  add  it  to  the  Motion  Presets  panel.  Note  that  the 
motion  presets  imported  as  XML  files  can  only  be  added  to  classical  tweens. 

1  Choose  Import  from  the  Motion  Presets  panel  menu. 

2  In  the  Open  dialog  box,  navigate  to  the  XML  file  you  want  to  import  and  click  Open. 

Flash  Pro  opens  the  XML  file  and  adds  the  motion  preset  to  the  panel. 

Export  a  motion  preset 

You  can  export  motion  presets  as  XML  files  that  can  be  shared  with  other  Flash  Pro  users. 

1  Select  the  preset  in  the  Motion  Presets  panel. 
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2  Choose  Export  from  the  panel  menu. 

3  In  the  Save  As  dialog  box,  choose  a  name  and  location  for  the  XML  file  and  click  Save. 

Delete  a  motion  preset 

You  can  remove  presets  from  the  Motion  Presets  panel.  When  you  remove  a  preset,  Flash  Pro  deletes  its  XML  file  from 
disk.  Consider  making  a  backup  of  any  presets  you  might  want  to  use  again  later  by  exporting  copies  of  them  first. 

1  Select  the  preset  to  delete  in  the  Motion  Presets  panel. 

2  Do  one  of  the  following: 

•  Choose  Remove  from  the  panel  menu. 

•  Click  the  Remove  item  button  in  the  panel. 

Create  a  preview  for  a  custom  preset 

You  can  create  a  preview  for  any  custom  motion  presets  that  you  create.  Do  this  by  storing  a  SWF  file  that  demonstrates 
the  tweened  animation  in  the  same  directory  with  the  motion  preset  XML  file. 

1  Create  the  tweened  animation  and  save  it  as  a  custom  preset. 

2  Create  a  FLA  file  that  contains  only  a  demonstration  of  the  tween.  Save  the  FLA  with  the  exact  same  name  as  the 
custom  preset. 

3  Create  a  SWF  file  from  the  FLA  file  with  the  Publish  command. 

4  Place  the  SWF  file  in  the  same  directory  as  the  saved  custom  motion  preset  XML  file.  These  files  are  stored  in  the 
following  directories: 

•  Windows:  <hard  disk>\Documents  and  Settings\<user>\Local  SettingsVApplication  Data\Adobe\Flash 
CC\<language>\Configuration\Motion  Presets\ 

•  Macintosh:  <hard  disk>/Users/<user>/Library/ Application  Support/ Adobe/Flash 
CC / <language>/ Configuration/Motion  Presets/ 

The  preview  now  displays  when  the  custom  tween  is  selected  in  the  Motion  Presets  panel. 
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Create  tween  animation 


Create  a  Iweened  animation 


Before  you  begin 

Before  you  begin  animating  properties,  keep  in  mind  the  following: 

ActionScript  is  not  necessary.  Like  many  things  in  Flash,  animation  does  not  require  any  ActionScript.  However,  you 
can  create  animation  with  ActionScript  if  you  choose. 

Basics  of  timeline  and  editing  properties.  Before  working  with  motion  tweens,  become  familiar  with  the  basic  use  of 
the  Timeline  and  editing  properties.  See  Frames  and  keyframesto  learn  the  basics. 


You  can  edit  individual  property  keyframes  on  Stage,  in  the  Property  inspector,  or  in  the  Motion  Editor.  Note  that  using 
the  Motion  Editor  is  optional  when  creating  many  types  of  simple  motion  tweens. 


Motion  Editor  is  deprecated  with  Flash  Professional  CC. 


Symbol  Instances  and  text  fields  only.  Flash  tweens  only  symbol  instances  and  text  fields.  All  other  object  types  are 
wrapped  in  a  symbol  when  you  apply  a  tween  to  them.  The  symbol  instance  can  contain  nested  symbols,  which  can 
themselves  be  tweened  on  their  own  timelines. 


Single  object  per  tween.  The  minimal  building  block  in  a  tween  layer  is  a  tween  span.  A  tween  span  in  a  tween  layer 
can  contain  only  one  symbol  instance  or  text  field.  The  symbol  instance  is  called  the  target  of  the  tween  span.  However, 
a  single  symbol  can  contain  many  objects. 
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Changing  the  target.  Adding  a  second  symbol  or  text  field  to  the  tween  span  replaces  the  original  symbol  in  the  tween. 
You  can  change  the  target  object  of  a  tween  by  dragging  a  different  symbol  from  the  library  onto  the  tween  span  in  the 
Timeline  or  by  using  the  Modify  >  Symbol  >  Swap  Symbol  command.  You  can  delete  the  symbol  from  a  tween  layer 
without  removing  or  breaking  the  tween.  You  can  then  add  a  different  symbol  instance  to  the  tween  at  a  later  time.  You 
can  also  change  the  type  of  the  target  symbol  or  edit  the  symbol  at  any  time. 

Editing  motion  paths.  When  a  tween  contains  motion,  a  motion  path  appears  on  the  Stage.  The  motion  path  shows 
the  position  of  the  tweened  object  in  each  frame.  You  can  edit  the  motion  path  on  the  Stage  by  dragging  its  control 
points.  You  cannot  add  a  motion  guide  to  a  tween/inverse  kinematics  layer. 

For  information  about  tweening  with  Inverse  Kinematics,  see  Animate  an  armature. 

How  tweens  are  added  to  the  Timeline 

When  you  add  a  tween  to  an  object  on  a  layer,  Flash  Pro  does  one  of  the  following: 

•  It  converts  the  layer  to  a  tween  layer. 

•  It  creates  a  new  layer  to  preserve  the  original  stacking  order  of  the  objects  on  the  layer. 

Layers  are  added  according  to  these  rules: 

•  If  there  are  no  objects  on  the  layer  other  than  the  selection,  the  layer  changes  to  a  tween  layer. 

•  If  the  selection  is  at  the  bottom  of  the  stacking  order  of  the  layer  (under  all  other  objects),  Flash  creates  a  layer  above 
the  original  layer.  This  new  layer  holds  the  non-selected  items.  The  original  layer  becomes  a  tween  layer. 

•  If  the  selection  is  at  the  top  of  the  stacking  order  of  the  layer  (above  all  other  objects),  Flash  creates  a  new  layer.  The 
selection  is  moved  to  the  new  layer  and  that  layer  becomes  a  tween  layer. 

•  If  the  selection  is  in  the  middle  of  the  stacking  order  of  the  layer  (there  are  objects  above  and  below  the  selection), 
Flash  creates  two  layers.  One  layer  holds  the  new  tween  and  another  one  above  it  holds  the  non-selected  items  at  the 
top  of  the  stacking  order.  The  non-selected  items  at  the  bottom  of  the  stacking  order  remain  on  the  original  layer, 
below  the  newly  inserted  layers. 

A  tween  layer  can  contain  tween  spans  as  well  as  static  frames  and  ActionScript.  Flowever,  frames  of  a  tween  layer  that 
contain  a  tween  span  cannot  contain  objects  other  than  the  tweened  object.  To  add  additional  objects  in  the  same 
frame,  place  them  on  separate  layers. 

Animate  position  with  a  tween 

To  make  an  object  move  or  slide  across  the  Stage: 

1  Select  a  symbol  instance  or  a  text  field  to  tween  on  the  Stage.  The  object  can  reside  in  any  of  the  following  layer  types: 
Normal,  Guide,  Mask,  or  Masked. 

If  the  selection  contains  other  objects,  or  it  contains  multiple  objects  from  a  layer,  Flash  offers  to  convert  your 
selection  to  a  movie  clip  symbol. 

To  invert  the  selection,  right-click  the  object  and  select  Invert  Selection. 

2  Do  one  of  the  following: 

•  Choose  Insert  >  Motion  Tween. 

•  Right-click  (Windows)  or  Ctrl-click  (Macintosh)  the  selection  or  current  frame  and  choose  Create  Motion 
Tween  from  the  context  menu. 

If  the  “Convert  selection  to  symbol  for  tween”  dialog  box  appears,  click  OK  to  convert  the  selection  into  a  movie  clip 
symbol. 


Last  updated  6/1 2/2015 


Animation  and  Interactivity 


192 


If  the  tweened  object  was  the  only  item  on  the  layer,  Flash  Pro  converts  the  layer  containing  the  object  to  a  tween 
layer.  If  there  are  other  objects  on  the  layer,  Flash  Pro  inserts  layers  to  preserve  the  stacking  order.  Flash  places  the 
tweened  object  on  its  own  layer. 

If  the  original  object  resided  in  only  the  first  frame  of  the  Timeline,  the  length  of  the  tween  span  is  equal  to  one 
second  in  duration.  If  the  original  object  was  present  in  more  than  one  contiguous  frame,  the  tween  span  contains 
the  number  of  frames  occupied  by  the  original  object. 

3  Drag  either  end  of  the  tween  span  in  the  Timeline  to  shorten  or  extend  the  span  to  the  desired  number  of  frames. 
Any  existing  property  keyframes  in  the  tween  move  proportionally  with  the  end  of  the  span. 

To  move  the  end  of  the  span  without  moving  any  existing  keyframes,  Shift-drag  the  end  of  the  tween  span. 

4  To  add  motion  to  the  tween,  place  the  playhead  on  a  frame  within  the  tween  span  and  then  drag  the  object  to  a  new 
position. 

A  motion  path  appears  on  the  Stage  showing  the  path  from  the  position  in  the  first  frame  of  the  tween  span  to  the 
new  position.  Because  you  explicitly  defined  the  X  and  Y  properties  of  the  object,  property  keyframes  are  added  for 
X  and  Y  in  the  frame  containing  the  playhead.  Property  keyframes  appear  as  small  diamonds  in  the  tween  span. 

By  default,  the  Timeline  displays  the  property  keyframes  of  all  property  types.  You  can  choose  which  types  of  property 
keyframes  to  display  by  right-clicking  (Windows)  or  Command-clicking  (Macintosh)  the  tween  span  and  choosing 
View  Keyframes  >  property  type. 

5  To  specify  another  position  for  the  object,  place  the  playhead  in  another  frame  within  the  tween  span  and  drag  the 
object  on  Stage  to  another  position. 

The  motion  path  adjusts  to  include  all  the  positions  you  specify. 

6  To  tween  3D  rotation  or  position,  use  the  3D  Rotation  or  3D  Translation  tool.  Be  sure  to  place  the  playhead  in  the 
frame  where  you  want  to  add  the  3D  property  keyframe  first. 

Note:  To  create  multiple  tweens  at  once,  place  tweenable  objects  on  multiple  layers,  select  them  all,  and  choose  Insert  > 
Motion  Tween.  You  can  also  apply  motion  presets  to  multiple  objects  in  the  same  way. 

Tween  other  properties  with  the  Property  inspector 

The  Create  Motion  Tween  command  lets  you  animate  most  properties  of  a  symbol  instance  or  text  field,  such  as 
rotation,  scale,  transparency,  or  tint  (symbols  and  TLF  text  only).  For  example,  you  can  edit  the  alpha  (transparency) 
property  of  a  symbol  instance  to  make  it  fade  onto  the  screen.  For  a  list  of  the  properties  you  can  animate  with  motion 
tweens,  see  Tweenable  objects  and  properties. 

1  Select  a  symbol  instance  or  text  field  on  the  Stage. 

If  the  selection  contains  other  objects,  or  it  contains  multiple  objects  from  the  layer,  Flash  offers  to  convert  it  to  a 
movie  clip  symbol. 

2  Choose  Insert  >  Motion  Tween. 

If  the  “Convert  selection  to  symbol  for  tween”  dialog  box  appears,  click  OK  to  convert  the  selection  into  a  movie  clip 
symbol. 

When  you  apply  a  tween  to  an  object  that  exists  only  in  a  single  keyframe,  the  playhead  moves  to  the  last  frame  of 
the  new  tween.  Otherwise  the  playhead  does  not  move. 

3  Place  the  playhead  in  the  frame  of  the  tween  span  where  you  want  to  specify  a  property  value. 

You  can  place  the  playhead  in  any  other  frame  of  the  tween  span.  The  tween  starts  with  the  property  values  in  the 
first  frame  of  the  tween  span,  which  is  always  a  property  keyframe. 
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4  With  the  object  selected  on  the  Stage,  set  a  value  for  a  non-position  property,  such  as  alpha  (transparency),  rotation, 
or  skew.  Set  the  value  with  the  Property  inspector  or  with  one  of  the  tools  in  the  Tools  panel. 

The  current  frame  of  the  span  becomes  a  property  keyframe. 

You  can  display  different  types  of  property  keyframes  in  tween  spans.  Right-click  (Windows)  or  Ctrl-click 
(Macintosh)  a  tween  span  and  choose  View  Keyframes  >  property  type  from  the  context  menu. 

5  Scrub  the  playhead  in  the  Timeline  to  preview  the  tween  on  the  Stage. 

6  To  add  additional  property  keyframes,  move  the  playhead  to  the  desired  frame  in  the  span  and  set  a  value  for  the 
property  in  the  Property  inspector. 

Note:  You  can  also  tween  properties  along  an  entire  tween  with  the  Motion  Editor.  See  Editing  property  curves  with  the 
Motion  Editor  for  more  information. 

Add  an  additional  tween  to  an  existing  tween  layer 

You  can  add  additional  tweens  to  an  existing  tween  layer.  This  allows  you  to  use  fewer  layers  when  creating  Flash 
content  with  animation. 

❖  Do  one  of  the  following: 

•  Add  a  blank  keyframe  to  the  layer  (Insert  >  Timeline  >  Blank  Keyframe),  add  items  to  the  keyframe,  and  then 
tween  the  items. 

•  Create  a  tween  on  a  separate  layer  and  then  drag  the  span  to  the  desired  layer. 

•  Drag  a  static  frame  from  another  layer  to  the  tween  layer  and  then  add  a  tween  to  an  object  in  the  static  frame. 

•  Alt-drag  (Windows)  or  Option-drag  (Macintosh)  to  dulicate  an  existing  span  from  the  same  layer  or  a  different 
layer. 

•  Copy  and  paste  a  tween  span  from  the  same  or  different  layer. 

Note:  You  can  copy  the  target  object  of  a  motion  tween  to  the  clipboard  at  any  frame  in  the  tween  span. 


Edit  the  motion  path  of  a  tween  animation 

You  can  edit  or  change  the  motion  path  of  a  motion  tween  in  the  following  ways: 

•  Change  the  position  of  the  object  in  any  frame  of  the  tween  span. 

•  Move  the  entire  motion  path  to  a  different  location  on  the  Stage. 

•  Change  the  shape  or  size  of  the  path  with  the  Selection,  Subselection,  or  Free  Transform  tools. 

•  Change  the  shape  or  size  of  the  path  with  the  Transform  panel  or  Property  inspector. 

•  Use  the  commands  in  the  Modify  >  Transform  menu. 

•  Apply  a  custom  stroke  as  a  motion  path. 

•  Use  the  Motion  Editor. 

You  can  use  the  Always  Show  Motion  Paths  option  to  show  all  motion  paths  on  all  layers  on  the  Stage  simultaneously. 
This  display  is  helpful  when  designing  multiple  animations  on  different  motion  paths  that  intersect  each  other.  When 
a  motion  path  or  tween  span  is  selected,  you  can  choose  this  option  from  the  Property  inspector  options  menu. 
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Edit  the  shape  of  a  motion  path  with  the  Selection  and  Subselection  tools 

With  the  Selection  and  Subselection  tools,  you  can  reshape  a  motion  path.  With  the  Selection  tool,  you  can  reshape  a 
segment  by  dragging.  Property  keyframes  in  the  tween  appear  on  the  path  as  control  points.  With  the  Subselection  tool, 
you  can  expose  the  control  points  and  Bezier  handles  on  the  path  that  correspond  to  each  position  property  keyframe. 
You  can  use  these  handles  to  reshape  the  path  around  the  property  keyframe  points. 

When  you  create  a  non-linear  motion  path  such  as  a  circle,  you  can  have  the  tweened  object  rotate  as  it  moves  along 
the  path.  To  maintain  a  constant  orientation  relative  to  the  path,  select  the  Orient  to  Path  option  in  the  Property 
inspector. 


1  Click  the  Selection  tool  in  the  Tools  panel. 

2  Click  the  tween  target  instance  so  that  the  motion  path  becomes  visible  on  the  Stage. 

3  With  the  Selection  tool,  drag  any  segment  of  the  motion  path  to  reshape  it.  Do  not  click  to  select  the  segment  first. 

4  To  expose  the  Bezier  control  points  of  a  property  keyframe  point  on  the  path,  click  the  Subselection  tool  and  then 
click  the  path. 

The  property  keyframe  points  appear  as  control  points  (small  diamonds)  on  the  motion  path. 

5  To  move  a  control  point,  drag  it  with  the  Subselection  tool. 

6  To  adjust  the  curve  of  the  path  around  a  control  point,  drag  the  Bezier  handles  of  the  control  point  with  the 
Subselection  tool. 

If  the  handles  are  not  extended,  you  can  extend  them  by  Alt-dragging  (Windows)  or  Option-dragging  (Macintosh) 
the  control  point. 

7  To  delete  an  Anchor  point  click  on  it  with  Delete  Anchor  Point  tool.  Most  anchor  points  generated  with  Selection 
tool  are  smooth  points.  To  convert  an  anchor  point  click  onti  with  Convert  Anchor  Point  tool.  The  anchor  changes 
to  an  angle  point. 

8  You  can  also  pull  out  new  bezier  handles  from  a  point  and  position  them,  just  as  you  would  for  a  regular  anchor 
point. 

Note:  You  can't  add  anchor  points  to  the  path  with  Add  Anchor  point  tool. 

Adobe  recommended  community  content: 

•  Video:  Custom  motion  paths  in  Flash  (3:51,  SchoolofFlash.com.  Motion  tweens,  editing  a  motion  path,  creating  a 
custom  motion  path  and  applying  it  to  a  tween.) 

•  Video:  Flash  Downunder:  Motion  Tweening  (29:57,  Adobe  TV.  Shows  how  to  edit  a  motion  path.  Jump  to  time  code 
05:00  in  the  video.) 

•  Tutorial:  Timeline  animation  in  Flash  (Layersmagazine.com.  Creating  a  tween,  editing  the  motion  path.) 

•  Video:  Altering  the  curve  of  a  motion  path  (Length  =  3:45,  Peachpit.com) 
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Change  the  position  of  the  tweened  object 

The  simplest  way  to  edit  a  motion  path  is  to  move  the  target  instance  of  the  tween  on  the  Stage  in  any  frame  of  the  tween 
span.  If  the  current  frame  does  not  already  contain  a  property  keyframe,  Flash  Pro  adds  one  to  it. 

1  Place  the  playhead  in  the  frame  where  you  want  to  move  the  target  instance. 

2  With  the  Selection  tool,  drag  the  target  instance  to  a  new  location  on  the  Stage. 

The  motion  path  updates  to  include  the  new  location.  All  other  property  keyframes  in  the  motion  path  remain  in  their 
original  locations. 

Change  the  location  of  a  motion  path  on  the  Stage 

You  can  drag  the  entire  motion  path  on  the  Stage  or  set  its  location  in  the  Property  inspector. 

1  Click  the  Selection  tool  in  the  Tools  panel. 

2  Select  the  motion  path  by  doing  one  of  the  following: 

•  Click  the  tween  span  in  the  Timeline  and  then  click  the  motion  path  on  the  Stage. 

•  Click  the  tweened  object  on  the  Stage  and  then  click  the  motion  path. 

•  Drag  a  marquee  around  the  motion  path  and  the  target  instance  to  select  them  both. 

•  (CS5.5  only)  Select  multiple  motion  paths  by  Shift-clicking  the  motion  path  of  each  tween  you  want  to  edit.  You 
can  also  drag  a  marquee  around  all  of  the  motion  paths. 

3  Move  the  motion  path  by  doing  one  of  the  following: 

•  Drag  the  path  to  desired  location  on  the  Stage. 

•  Set  the  X  and  Y  values  for  the  path  in  the  Property  inspector.  The  X  and  Y  values  are  for  the  upper-left  corner  of 
the  bounding  box  of  the  motion  path. 

•  Use  the  Arrow  keys  to  move  the  motion  path. 

Note:  To  move  the  tween  target  instance  and  the  motion  path  by  specifying  a  location  for  the  motion  path,  select  both  and 
enter  the  X  and  Y  locations  in  the  Property  inspector.  To  move  a  tweened  object  that  has  no  motion  path,  select  it  and  enter 
X  and  Y  values  in  the  Property  inspector. 

Edit  a  motion  path  with  the  Free  Transform  tool 

1  Click  the  Free  Transform  tool  in  the  Tools  panel. 

2  With  the  Free  Transform  tool,  click  the  motion  path.  Do  not  click  the  tween  target  instance. 

3  Scale,  skew,  or  rotate  the  path  with  the  Free  Transform  tool. 

Note:  You  can  also  perform  free  transforms  on  the  motion  path  by  selecting  it  with  the  Subselection  tool  and  then  pressing 
the  Control  (Windows)  or  Command  (Macintosh)  key.  Pressing  the  key  displays  the  same  controls  as  the  Free  Transform 
tool.  You  can  then  drag  to  perform  transforms  while  pressing  the  key. 

(CS5.5  only)  Scale  multiple  tweened  objects  and  motion  paths 

1  Place  the  playhead  in  the  first  frame  of  the  tweens  you  want  to  edit. 

2  Select  the  Free  Transform  tool  from  the  Tools  panel. 

3  Select  multiple  tweened  object  and  their  motion  paths  by  doing  one  of  the  following: 

•  Shift-click  the  tweened  objects  and  their  motion  paths. 

•  Drag  a  marquee  around  the  tweened  objects  and  their  motion  paths. 
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4  Scale  the  selection  by  dragging  the  corners  of  the  bounding  box  containing  the  selected  objects  and  motion  paths. 

Because  the  playback  head  is  in  the  first  frame  of  the  tweens,  the  scaling  applies  to  all  tweened  frames.  No  new  property 
keyframes  are  created. 

Delete  a  motion  path  from  a  tween 

1  Select  the  motion  path  on  the  Stage  by  clicking  it  with  the  Selection  tool. 

2  Press  the  Delete  key. 

Copy  a  motion  path  as  a  stroke 

1  Click  the  motion  path  on  the  Stage  to  select  it. 

2  Choose  Edit  >  Copy. 

You  can  then  paste  the  path  into  another  layer  as  a  stroke  or  as  a  motion  path  for  another  motion  tween. 

Apply  a  custom  stroke  as  a  motion  path 

You  can  apply  a  stroke  from  a  separate  layer  or  a  separate  timeline  as  the  motion  path  for  a  tween. 

1  Select  a  stroke  on  a  layer  separate  from  the  tween  layer  and  copy  it  to  the  clipboard. 

The  stroke  must  not  be  closed.  Only  uninterrupted  strokes  can  be  used. 

2  Select  a  tween  span  in  Timeline. 

3  With  the  tween  span  still  selected,  paste  the  stroke. 

Flash  Pro  applies  the  stroke  as  the  new  motion  path  for  the  selected  tween  span.  The  target  instance  of  the  tween 
now  moves  along  the  new  stroke. 

4  To  reverse  the  start  and  end  points  of  the  tween,  right-click  (Windows)  or  Ctrl-click  (Macintosh)  the  tween  span 
and  select  Motion  Path  >  Reverse  Path  in  the  tween  span  context  menu. 

Use  roving  property  keyframes 

A  roving  property  keyframe  is  a  keyframe  that  is  not  linked  to  a  specific  frame  in  the  Timeline.  Flash  adjusts  the 
position  of  roving  keyframes  so  that  the  speed  of  motion  is  consistent  throughout  a  tween. 

Roving  keyframes  are  available  only  for  the  spatial  properties  X,  Y,  and  Z.  They  are  useful  when  you  have  edited  a 
motion  path  on  the  Stage  by  dragging  the  tweened  object  to  different  locations  in  different  frames.  Editing  motion 
paths  this  way  often  creates  path  segments  in  which  the  motion  is  faster  or  slower  than  the  other  segments.  This  is 
because  the  number  of  frames  in  the  path  segment  is  greater  or  smaller  than  other  segments. 

Using  roving  property  keyframes  is  helpful  for  making  the  speed  of  an  animation  consistent  throughout  a  tween.  When 
property  keyframes  are  set  to  roving,  Flash  adjusts  the  position  of  the  property  keyframes  in  the  tween  span  so  that  the 
tweened  object  moves  the  same  distance  in  each  frame  of  the  tween.  You  can  then  use  easing  to  adjust  the  movement 
so  that  the  acceleration  at  the  beginning  and  end  of  the  tween  has  a  realistic  appearance. 

When  you  paste  a  custom  path  onto  a  tween,  Flash  sets  the  property  keyframes  to  roving  by  default. 

To  enable  roving  keyframes  for  an  entire  tween: 

•  Right-click  (Windows)  or  Command-click  (Macintosh)  the  tween  span  in  the  Timeline  and  choose  Motion  Path  > 
Switch  keyframes  to  roving  in  the  context  menu. 
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To  enable  roving  for  an  individual  property  keyframe  in  a  tween: 

•  Right-click  (Windows)  or  Command-click  (Macintosh)  the  property  keyframe  in  the  Motion  Editor  panel  and 
choose  roving  in  the  context  menu.  For  more  information  about  the  Motion  Editor,  see  Editing  property  curves  with 
the  Motion  Editor . 

When  property  keyframes  are  set  to  roving,  they  appear  as  round  dots  instead  of  squares  in  the  Motion  Editor. 

Note:  If  you  enable  roving  keyframes  for  a  tween  span  and  then  disable  them,  the  keyframes  retain  their  locations  in  the 
span  that  resulted  from  enabling  roving. 


Edit  animation  tween  spans  in  the  Timeline 

When  creating  animation  in  Flash  Pro,  it  is  often  appropriate  to  set  up  tween  spans  in  the  Timeline  first.  By  establishing 
the  initial  arrangement  of  objects  in  layers  and  frames,  you  can  then  finish  the  tweens  by  changing  the  tweened  property 
values  in  either  the  Property  inspector  or  the  Motion  Editor. 

To  select  tween  spans  and  frames  in  the  Timeline,  do  any  of  the  following.  Be  sure  that  Span-based  Selection  is  turned 
on  in  the  General  Preferences  (Edit  >  Preferences). 

•  To  select  an  entire  tween  span,  click  the  span. 

•  To  select  multiple  tween  spans,  including  non-contiguous  spans,  Shift-click  each  span. 

•  To  select  a  single  frame  within  a  tween  span,  Ctrl+ Alt- click  (Windows)  or  Command+Option-click  (Macintosh)  the 
frame  inside  the  span. 

•  To  select  multiple  contiguous  frames  within  a  span,  Ctrl+ Alt-drag  (Windows)  or  Command+Option-drag 
(Macintosh)  inside  the  span. 
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•  To  select  frames  within  multiple  tween  spans  on  different  layers,  Ctrl+ Alt-drag  (Windows)  or  Command+Option- 
drag  (Macintosh)  across  multiple  layers. 

•  To  select  an  individual  property  keyframe  in  a  tween  span,  Ctrl+ Alt-click  (Windows)  or  Command+Option-click 
(Macintosh)  the  property  keyframe.  You  can  then  drag  it  to  a  new  location. 

A  complete  list  of  keyboard  modifiers  for  working  with  tween  spans  in  the  Timeline  is  available  at  Flashthusiast.com. 

Move,  duplicate,  or  delete  tween  spans 

•  To  move  a  span  to  a  new  location  in  the  same  layer,  drag  the  span. 

note:  Locking  a  layer  prevents  editing  on  the  Stage  but  not  the  Timeline.  Moving  a  span  on  top  of  another  span 
consumes  the  overlapped  frames  of  the  second  span. 

•  To  move  a  tween  span  to  a  different  layer,  drag  the  span  to  the  layer  or  copy  and  paste  the  span  into  the  new  layer. 

You  can  drag  a  tween  span  onto  an  existing  normal  layer,  tween  layer,  guide  layer,  mask  layer,  or  masked  layer.  If  the 
new  layer  is  a  normal  empty  layer,  it  becomes  a  tween  layer. 

•  To  duplicate  a  span,  Alt-drag  (Windows)  or  Command-drag  (Macintosh)  the  span  to  a  new  location  in  the  Timeline, 
or  copy  and  paste  the  span. 

•  To  delete  a  span,  select  the  span  and  choose  Remove  Frames  or  Clear  Frames  from  the  span  context  menu. 

Edit  adjacent  tween  spans 

•  To  move  the  breakline  between  two  contiguous  tween  spans,  drag  the  breakline. 

Each  tween  is  recalculated. 

•  To  separate  the  adjacent  start  and  end  frames  of  two  contiguous  tween  spans,  Alt-drag  (Windows)  or  Command- 
drag  (Macintosh)  the  start  frame  of  the  second  span. 

This  allows  you  to  make  room  for  frames  between  the  two  spans. 

•  To  split  a  tween  span  into  two  separate  spans,  Ctrl-click  (Windows)  or  Command-click  (Macintosh)  a  single  frame 
in  the  span  and  then  choose  Split  Motion  from  the  span  context  menu. 

Both  tween  spans  have  same  target  instance. 

note:  You  cannot  split  motion  if  more  than  one  frame  is  selected.  If  the  tween  that  was  split  had  easing  applied,  the 
two  smaller  tweens  may  not  have  the  same  motion  as  the  original. 

•  To  join  two  contiguous  tween  spans,  select  both  spans  and  choose  Join  Motions  from  the  span  context  menu. 

Edit  the  length  of  a  tween  span 

•  To  change  the  length  of  an  animation,  drag  the  right  or  left  edge  of  the  tween  span. 

Dragging  the  edge  of  one  span  into  the  frames  of  another  span  replaces  the  frames  of  the  second  span. 

•  To  extend  the  presence  of  a  tweened  object  on  Stage  beyond  either  end  of  its  tween,  Shift-drag  either  end  frame  of 
its  tween  span.  Flash  Pro  adds  frames  to  the  end  of  the  span  without  tweening  those  frames. 

You  can  also  select  a  frame  after  the  tween  span  in  the  same  layer  and  press  F6.  Flash  Pro  extends  the  tween  span 
and  adds  a  property  keyframe  for  all  properties  to  the  selected  frame.  If  you  press  F5,  Flash  Pro  adds  frames  but  will 
not  add  a  property  keyframe  to  the  selected  frame. 

note:  To  add  static  frames  to  the  end  of  a  span  that  is  immediately  adjacent  to  another  span,  first  move  the  adjacent 
span  to  make  room  for  the  new  frames. 
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Add  or  remove  frames  within  a  tween  span 

•  To  remove  frames  from  within  a  span,  Ctrl-drag  (Windows)  or  Command-drag  (Macintosh)  to  select  frames  and 
choose  Remove  Frames  from  the  span  context  menu. 

•  To  cut  frames  from  within  a  span,  Ctrl-drag  (Windows)  or  Command-drag  (Macintosh)  to  select  the  frames  and 
then  choose  Cut  Frames  from  the  span  context  menu. 

•  To  paste  frames  into  an  existing  tween  span,  Ctrl-drag  (Windows)  or  Command-drag  (Macintosh)  to  select  the 
frames  to  replace  and  choose  Paste  Frames  from  the  span  context  menu. 

Simply  pasting  an  entire  span  onto  another  span  replaces  the  entire  second  span. 

Replace  or  remove  the  target  instance  of  a  tween 

To  replace  the  target  instance  of  a  tween  span,  do  one  of  the  following: 

•  Select  the  span  and  then  drag  the  new  symbol  from  the  Library  panel  onto  the  Stage. 

•  Select  the  new  symbol  in  the  Library  panel  and  the  target  instance  of  the  tween  on  the  Stage  and  choose  Modify  > 
Symbol  >  Swap  Symbol. 

•  Select  the  span  and  paste  a  symbol  instance  or  text  from  the  clipboard. 

To  remove  the  target  instance  of  a  tween  span  without  removing  the  tween,  select  the  span  and  press  the  Delete  key. 

View  and  edit  property  keyframes  of  a  tween  span 

•  To  view  frames  containing  property  keyframes  in  a  span  for  different  properties,  select  the  span  and  choose  View 
Keyframes  from  the  span  context  menu  and  then  choose  the  property  type  from  the  submenu. 

•  To  remove  a  property  keyframe  from  a  span,  Ctrl-click  (Windows)  or  Command-click  (Macintosh)  the  property 
keyframe  to  select  it  and  then  right-click  (Windows)  or  Ctrl-click  (Macintosh)  the  property  keyframe  and  choose 
Clear  Keyframe  for  the  property  type  you  want  to  delete  the  keyframe  for. 

•  To  add  property  keyframes  for  a  specific  property  type  to  a  span,  Ctrl-click  (Windows)  or  Command-click 
(Macintosh)  to  select  one  or  more  frames  in  the  span.  Then  right-click  (Windows)  or  Ctrl-click  (Macintosh)  and 
choose  Insert  Keyframe  >  property  type  from  the  span  context  menu.  Flash  Pro  adds  property  keyframes  to  the 
selected  frames.  You  can  also  set  a  property  of  the  target  instance  in  a  selected  frame  to  add  a  property  keyframe. 

•  To  add  a  property  keyframe  for  all  property  types  to  a  span,  place  the  playhead  in  the  frame  where  you  want  to  add 
the  keyframe  and  choose  Insert  >  Timeline  >  Keyframe,  or  press  F6. 

•  To  reverse  the  direction  of  motion  of  a  tween,  choose  Motion  Path  >  Reverse  Path  from  the  span  context  menu. 

•  To  change  a  tween  span  to  static  frames,  select  the  span  and  choose  Remove  Tween  from  the  span  context  menu. 

•  To  convert  a  tween  span  to  a  frame-by-frame  animation,  select  the  span  and  choose  Convert  to  Frame  by  Frame 
Animation  from  the  span  context  menu. 

•  To  move  a  property  keyframe  to  a  different  frame  in  the  same  tween  span  or  a  different  tween  span,  Ctrl-click 
(Windows)  or  Command-click  (Macintosh)  the  property  keyframe  to  select  it  and  then  drag  the  property  keyframe 
to  the  new  location. 

•  To  copy  a  property  keyframe  to  another  location  in  the  tween  span,  Ctrl-click  (Windows)  or  Command-click 
(Macintosh)  the  property  keyframe  to  select  it  and  then  Alt-drag  (Windows)  or  Option-drag  (Macintosh)  the 
property  keyframe  to  the  new  location. 
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Add  or  remove  3D  property  keyframes  in  a  tween 

❖  Do  one  of  the  following: 

•  Add  3D  properties  using  the  3D  tools  in  the  Tools  panel. 

•  Right-click  (Windows)  or  Ctrl-click  (Macintosh)  the  tween  span  in  the  Timeline  and  choose  3D  tween  from  the 
context  menu. 

•  If  the  tween  span  contained  no  3D  property  keyframes,  Flash  Pro  adds  them  to  each  existing  X  and  Y  position 
and  rotation  property  keyframe.  If  the  tween  span  already  contained  3D  property  keyframes,  Flash  Pro  removes 
them. 


Move  or  duplicate  a  tween  span 

You  can  duplicate  or  move  tween  spans  and  parts  of  tween  spans  by  dragging  them  in  the  Timeline  panel. 

•  Drag  a  tween  span  to  move  it  to  different  location  in  the  Timeline. 

•  Alt-drag  a  tween  span  to  duplicate  it  in  a  new  location  in  the  Timeline. 

Copy  and  paste  a  motion  tween 

You  can  copy  the  tweened  properties  from  one  tween  span  to  another.  The  tweened  properties  are  applied  to  the  new 
target  object,  but  the  location  of  the  target  object  is  not  changed.  This  allows  you  to  apply  a  tween  from  one  area  of  the 
Stage  to  an  object  in  another  area  without  repositioning  the  new  target  object. 

1  Select  the  tween  span  that  contains  the  tweened  properties  you  want  to  copy. 

2  Select  Edit  >  Timeline  >  Copy  Motion. 

3  Select  the  tween  span  to  receive  the  copied  tween. 

4  Select  Edit  >  Timeline  >  Paste  Motion. 

Flash  applies  the  tweened  properties  to  the  target  tween  span  and  adjusts  the  length  of  the  tween  span  to  match  the 
copied  tween  span. 

To  copy  a  motion  tween  to  the  Actions  panel  or  use  it  in  another  project  as  ActionScript*,  use  the  Copy  Motion  as 
ActionScript  3.0  command. 

Copy  and  paste  motion  tween  properties 

You  can  copy  the  properties  from  a  selected  frame  to  another  frame  on  the  same  tween  span  or  a  different  tween  span. 
The  property  values  are  added  only  to  the  selected  frame  when  the  properties  are  pasted.  The  copied  property  values 
of  color  effects,  filters,  and  3D  properties  are  only  pasted  if  the  tweened  object  at  that  frame  has  the  color  effect,  filter, 
or  3D  properties  already  applied.  2D  position  properties  cannot  be  pasted  onto  a  3D  tween. 

These  instructions  assume  that  Span-Based  Selection  is  turned  on  in  the  preferences  (Edit  >  Preferences). 

1  To  select  a  single  frame  in  a  tween  span,  Ctrl+ Alt-click  (Windows)  or  Command+Option-click  (Macintosh)  the 
frame. 

2  Right-click  (Windows)  or  Command-click  (Macintosh)  the  selected  frame  and  choose  Copy  Properties  from  the 
context  menu. 

3  Select  a  single  frame  to  receive  the  copied  properties  by  Ctrl+ Alt-clicking  (Windows)  or  Command+Option- 
clicking  (Macintosh)  the  frame. 

The  destination  frame  must  be  in  a  tween  span. 
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4  To  paste  the  copied  properties  into  the  selected  frame,  do  one  of  the  following: 

•  To  paste  all  of  the  copied  properties,  right-click  (Windows)  or  Command-click  (Macintosh)  the  selected  frame 
of  the  target  tween  span  and  choose  Paste  Properties  from  the  context  menu. 

•  To  paste  only  some  of  the  copied  properties,  right-click  (Windows)  or  Command-click  (Macintosh)  the  selected 
frame  of  the  target  tween  span  and  choose  Paste  PropertiesSpecial  from  the  context  menu.  In  the  dialog  box  that 
appears,  select  the  properties  to  paste  and  click  OK. 

Flash  Pro  creates  a  property  keyframe  for  each  of  the  pasted  properties  in  the  selected  frame  and  reinterpolates  the 
motion  tween. 


Convert  a  tween  span  to  frame-by-frame  animation 

You  can  convert  a  classic  or  motion  tween  span  to  frame-by-frame  animation.  In  frame-by-frame  animation,  each 
frame  contains  separate  keyframes  (not  property  keyframes)  which  each  contains  separate  instances  of  the  animated 
symbol.  Frame-by-frame  animation  does  not  contain  interpolated  property  values.  For  more  information,  see  Frames 
and  keyframes. 

•  Right-click  (Windows)  or  Ctrl-click  (Macintosh)  the  tween  span  you  want  to  convert  and  choose  Convert  to  Frame 
by  Frame  Animation  from  the  context  menu. 

(Deprecated  with  Flash  Professional  CC)  Copy  motion  as  ActionScript  3.0 

Copy  the  properties  that  define  a  motion  tween  in  the  Timeline  as  ActionScript  3.0  and  apply  that  motion  to  another 
symbol,  either  in  the  Actions  panel  or  in  the  source  files  (such  as  class  files)  for  a  Flash  Pro  document  that  uses 
ActionScript  3.0. 

Use  the  fl.motion  classes  to  customize  the  Flash  Pro-generated  ActionScript  for  your  specific  project.  For  more 
information,  see  the  fl.motion  classes  in  the  ActionScript  3.0  Language  and  Components  Reference. 

Copy  Motion  As  ActionScript  3.0  can  capture  the  following  properties  of  a  motion  tween: 

•  Position 

•  Scale 

•  Skew 

•  Rotation 

•  Transformation  Point 

•  Color 

•  Blend  Mode 

•  Orientation  To  Path 

•  Cache  As  Bitmap  Setting 

•  Easing 

•  Filters 

•  3D  rotation  and  position. 

1  Select  the  tween  span  in  the  Timeline  or  the  object  on  the 
Only  one  tween  span  or  tweened  object  can  be  selected  to 


Stage  that  contains  the  motion  tween  to  copy, 
copy  as  ActionScript  3.0. 
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2  Do  one  of  the  following: 

•  Select  Edit  >  Timeline  >  Copy  Motion  As  ActionScript  3.0. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  the  tween  span  or  the  tweened  instance  on  the  Stage  and 
choose  Copy  Motion  As  ActionScript  3.0. 

Flash  Pro  copies  to  your  system’s  clipboard  the  ActionScript  3.0  code  that  describes  the  selected  motion  tween.  The 
code  describes  the  tween  as  a  frame-by-frame  animation. 

To  use  the  copied  code,  paste  it  into  the  Actions  panel  of  a  Flash  Pro  document  that  contains  a  symbol  instance  that 
you  want  to  receive  the  copied  tween.  Uncomment  the  line  that  calls  the  addTarget()  function  and  replace  the 
<instance  name  goes  hero  text  in  that  line  with  the  name  of  the  symbol  instance  you  want  to  animate. 

To  name  the  symbol  instance  you  want  to  animate  with  the  pasted  ActionScript,  select  the  instance  on  the  Stage  and 
enter  the  name  in  the  Property  inspector. 

You  can  also  name  a  motion  tween  instance  by  selecting  the  tween  span  in  the  Timeline  and  entering  a  name  for  the 
motion  tween  in  the  Property  inspector.  You  can  then  reference  the  tween  span  in  ActionScript  3.0  code. 

For  more  information  about  animating  with  ActionScript  3.0,  see  the  fl.motion  classes  in  the  ActionScript  3.0 
Language  and  Components  Reference. 


Working  with  Motion  tweens  saved  as  XML  files 

Flash  Pro  allows  you  to  work  with  Motion  Tweens  as  XML  files.  Natively,  Flash  Pro  allows  you  to  apply  the  following 
commands  on  any  Motion  Tween: 

•  Copy  Motion  as  XML 

•  Export  Motion  as  XML 

•  Import  Motion  as  XML 

Copy  Motion  as  XMLAllows  you  to  copy  Motion  properties  applied  to  any  object  on  the  Stage  at  a  said  frame. 

1  Create  a  Motion  Tween. 

2  Select  any  keyframe  on  the  Timeline. 

3  Go  to  Commands  >  Copy  Motion  as  XML. 

The  Motion  properties  is  copied  to  the  clipboard  as  XML  data,  you  can  then  use  any  text  editor  to  work  on  the  XML 
file.Export  Motion  as  XMLAllows  you  to  export  Motion  properties  applied  to  any  object  on  the  stage  to  an  XML  file 
that  can  be  saved. 

1  Create  a  Motion  Tween. 

2  Go  to  Commands  >  Export  Motion  as  XML. 

3  Browse  to  a  suitable  location  where  you  want  to  save  the  file. 

4  Provide  a  name  for  the  XML  file,  and  click  Save. 

The  Motion  tween  is  exported  as  an  XML  file  at  the  specified  location.Import  Motion  as  XMLAllows  you  to  import 
an  existing  XML  file  that  has  Motion  properties  defined. 

1  Select  an  Object  any  object  on  the  Stage. 

2  Go  to  Commands  >  Import  Motion  as  XML. 

3  Browse  to  the  location,  and  select  the  XML  file.  Click  Ok. 

4  On  the  Paste  Motion  Special  dialog,  select  the  properties  that  you  want  to  apply  on  the  selected  object. 
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5  Click  Ok. 

See  also 

•  Working  with  classic  tween  animation 

•  Video:  Create  animations  with  the  Motion  Editor 

•  Editing  Motion  Tweens  using  Motion  Editor 

•  Animation  basics 

•  Frame-by-frame  animation 

•  How  to  create  a  character  animation  in  Flash  Professional 


Editing  Motion  Tweens  using  Motion  Editor 

The  Motion  Editor  in  Flash  Professional  CC  helps  you  create  complex  Motion  Tweens  with  minimal  effort.  The  Motion 
Editor  presents  a  compact  view  of  all  Properties  applied  to  a  selected  tween  span  as  two-dimensional  graphs.  You  can 
choose  to  modify  each  of  these  graphs,  and  hence  their  corresponding  tweened  properties  individually.  With  precise 
control  and  high  granularity,  you  can  greatly  enrich  your  animations  to  emulate  real-world  behavior  using  the  Motion 
Editor. 


About  Motion  Editor 

The  Motion  Editor  is  desgined  to  make  it  easy  for  you  to  create  complex  tweens.  Motion  Editor  lets  you  control  and 
manipulate  properties  of  a  tween.  After  creating  a  Motion  tween,  you  can  take  advantage  of  the  Motion  Editor  to 
precisely  refine  your  tween.  The  Motion  Editor  facilitates  focused  editing  of  the  tween  by  allowing  you  to  select  and 
modify  one  property  at  a  time. 

Why  use  the  Motion  Editor? 

The  Motion  Editor  is  designed  to  make  it  easy  for  you  to  create  complex  tweens.  Hence,  the  Motion  Editor  offers 
granular  control  over  tween  and  its  properties.  The  following  can  only  be  achieved  using  the  Motion  Editor: 

•  Easy  access  and  modification  of  all  Properties  applied  to  a  tween  within  a  single  panel. 

•  Add  different  ease  presets  or  custom  ease:  The  Motion  Editor  lets  you  add  different  presets,  add  multiple  presets, 
or  create  a  Custom  ease.  Adding  Ease  to  a  tweened  property  is  an  easy  way  to  emulate  real  world  behavior  of  objects. 

•  Resultant  curve:  You  can  apply  eases  to  individual  properties,  and  see  the  effects  of  eases  on  individual  property 
graphs  using  the  Resultant  curve.  A  resultant  curve  is  a  representation  of  the  actual  tween. 

•  Anchor  Points  and  Control  Points:  You  can  isolate  and  make  edits  to  key  sections  of  a  tween  using  Anchor  Points 
and  Control  Points. 

•  Refined  Animations:  The  Motion  Editor  is  the  only  way  to  make  certain  kinds  of  animations,  such  as  creating  a 
curved  path  tween  on  an  individual  property  by  adjusting  its  Property  curve. 
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Opening  the  Motion  Editor  panel 

In  this  article,  it  is  assumed  that  you  have  already  created  a  Motion  Tween,  and  are  using  the  Motion  Editor  to  refine 
your  tween.  For  information  on  creating  a  Motion  Tween,  see  Motion  tween  animation. 

To  open  the  Motion  Editor,  do  the  following: 

❖  On  the  Timeline,  select  the  motion  tween  span  you  want  to  refine,  and  double-click  the  tween  span.  You  could  also 
right-click  on  the  tween  span  and  select  Refine  Tween  to  bring  up  the  Motion  Editor. 


Property  Curves 

The  Motion  Editor  represents  Properties  of  a  tween  using  two-dimensional  graphs  called  Property  Curves.  These 
graphs  are  composited  within  a  grid  on  the  Motion  Editor.  Each  property  has  its  own  Property  Curve  plotted  against 
time  on  the  horizontal  axis  (from  left  to  right),  and  the  change  to  the  value  of  a  property  on  vertical  axis. 

You  can  manipulate  Motion  Tweens  by  editing  Property  Curves  within  Motion  Editor.  To  its  end,  the  Motion  Editor 
facilitates  smooth  editing  of  Property  Curves,  there  by  allowing  you  to  gain  precise  control  over  the  tween.  You  can 
manipulate  a  Property  Curve  by  adding  property  Keyframes  or  Anchor  Points.  This  allows  you  to  manipulate  key  parts 
of  the  Property  Curve,  where  you  want  the  tween  to  display  transitions  for  a  said  Property. 

Take  note  that  the  Motion  Editor  allows  you  to  edit  only  such  properties  that  can  be  altered  during  a  tween  span.  For 
example,  the  Quality  property  of  the  Gradient  Bevel  filter  can  only  be  assigned  one  value  during  a  tween  span,  and 
hence,  cannot  be  edited  using  the  Motion  Editor. 
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Anchor  Points 

Anchor  Points  provide  greater  control  over  Property  Curves,  by  allowing  you  to  explicity  modify  key  parts  of  a  curve. 
You  can  precisely  control  the  shape  of  most  curves  in  the  Motion  Editor  by  adding  property  keyframes  or  anchor  points. 

The  Anchor  Points  appear  as  squares  on  the  grid.  Using  the  Motion  Editor  you  can  control  the  behavior  of  the  tween 
by  adding  Anchor  Points  to  a  Property  Curve  or  modifying  their  positions.  On  adding  an  Anchor  Point,  a  corner  is 
created,  where  in  the  Curve  passes  through  angles.  However,  you  can  smoothen  any  segment  of  a  Property  Curve  using 
Bezier  controls  for  Control  Points. 


Control  Points 

Control  Points  allow  you  to  smoothen  or  modify  a  Property  Curve  on  either  sides  of  an  Anchor  Point.  Control  Points 
can  be  modified  using  standard  Bezier  Controls. 


Editing  Property  Curves 

To  edit  the  Properties  of  a  tween,  do  the  following: 

1  In  Flash  Professional  CC,  with  a  tween  span  selected,  Right-click  >  select  Refine  Tween  to  bring  up  the  Motion 
Editor  (or  simply,  double-click  the  selected  tween  span). 

2  Scroll  down  and  select  the  Property  you  want  to  edit.  To  invert  selection,  right-click  and  select  Invert  Selection. 
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3  With  the  Property  Curve  for  the  selected  Property  in  view,  you  can  choose  to  do  the  following: 

1  Add  Anchor  Point  by  clicking  the  r  button  and  clicking  a  desired  frame  on  the  Property  Curve  to  add  an 
Anchor  Point.  Or  double-click  the  curve  to  add  an  anchor  point. 

2  Select  and  move  an  existing  Anchor  Point  (in  any  direction)  to  a  desired  frame  on  the  grid.  The  vertical  limit  of 
the  movement  is  restricted  to  the  value  range  of  the  Property. 

3  Remove  an  Anchor  Point  by  selecting  and  pressing  Ctrl  +  Click  (Cmd  +  Click  on  MAC). 

Editing  Property  Curves  using  Control  Points 

To  edit  Property  Curves  using  Control  Points,  do  the  following: 

1  In  Flash  Professional  CC,  with  a  tween  span  selected,  Right-click  >  select  Refine  Tween  to  bring  up  the  Motion 
Editor  (or  double-click  the  selected  tween  span). 

2  Scroll  down  and  select  the  Property  you  want  to  edit.  To  invert  selection,  right-click  and  select  Invert  Selection. 

3  With  the  Property  Curve  for  the  selected  Property  in  view,  you  can  choose  to  do  the  following: 

1  Add  Anchor  Point  by  clicking  the  r  button  and  clicking  a  desired  frame  within  the  grid  to  add  an  Anchor 
Point.  Or  double-click  the  curve  to  add  an  anchor  point.  OR 

2  Select  an  existing  Anchor  Point  on  the  grid. 

3  With  the  Anchor  Point  selected,  Alt+Drag  vertically  to  enable  Control  Points.  You  can  modify  the  shape  of  the  curve 
to  smoothen  corner  segments  using  bezier  controls. 

Copying  Property  Curves 

You  can  also  copy  Property  Curves  across  Properties  within  the  Motion  Editor. 

To  copy  a  Property  Curve,  do  the  following: 

1  In  Flash  Professional  CC,  with  a  tween  span  selected,  Right-click  >  select  Refine  Tween  to  bring  up  the  Motion 
Editor  (or  double-click  the  selected  tween  span). 

2  Select  the  Property  whose  curve  you  want  to  copy,  and  right-click  >  Copy  OR  press  Ctrl  +  C  (Cmd  +  C  on  MAC). 

3  To  paste  the  curve  with  absolute  values,  select  the  Property  you  want  to  paste  the  copied  property  curve  on,  and 
right-click  >  Paste  or  press  Ctrl  +  V  (Cmd  +  V  on  MAC). 

4  To  paste  the  curve  within  the  target  curve’s  range,  select  the  Property  you  want  to  paste  the  copied  property  curve 
on,  and  right  click  >  Paste  to  fit  current  range. 

Reversing  a  Property  Curve 

To  reverse  a  Property  Curve,  do  the  following: 

1  In  the  Motion  Editor,  select  a  Property. 

2  Right-click  >  Reverse  to  reverse  the  Property  Curve. 

Applying  preset  and  custom  Eases 

Easing  allows  you  to  control  the  speed  of  a  tween  to  produce  realistic  motion  with  pleasing  effects.  Applying  Eases  on 
motion  tweens  allows  you  to  manipulate  the  beginning  and  the  end  parts  of  an  animation  to  cause  a  more  natural 
movement  of  the  object.  For  example,  one  of  the  many  common  uses  of  easing  is  to  add  realistic  acceleration  and 
deceleration  at  the  ends  of  the  motion  path  of  an  object.  In  a  nut  shell,  Flash  Pro  CC  makes  alters  to  the  rate  of  change 
of  the  value  of  Property  depending  on  the  Ease  applied  to  it. 
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An  ease  can  be  simple  or  complex.  Flash  includes  a  wide  range  of  preset  eases  that  you  can  apply  for  simple  or  complex 
effects.  You  can  also  assign  Strength  to  an  Ease  to  enhance  the  visual  effect  of  a  tween.  In  the  Motion  Editor,  you  can 
also  create  your  own  custom  ease  curves. 

Since  ease  curves  in  the  Motion  Editor  can  be  complex,  you  can  use  them  to  create  complex  motion  on  the  Stage 
without  creating  complex  motion  paths  on  the  Stage.  You  can  also  use  ease  curves  to  create  complex  tweens  of  any  other 
properties  in  addition  to  the  spatial  properties  such  as  Location  X  and  Y. 
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Custom  Eases 

Custom  easing  lets  you  create  your  own  ease  using  the  Custom  Ease  curve  in  the  Motion  Editor.  You  can  then  apply  the 
custom  ease  to  any  property  of  a  selected  tween. 

The  Custom  ease  graph  represents  the  degree  of  motion  over  time.  Frames  are  represented  by  the  horizontal  axis,  and 
the  tween's  percentage  of  change  is  represented  by  the  vertical  axis.  The  first  value  in  the  animation  is  at  0%,  and  the 
last  keyframe  can  be  set  from  0  through  100%.  The  rate  of  change  of  the  tweened  instance  is  shown  by  the  slope  of  the 
graph's  curve.  If  you  create  a  horizontal  line  (no  slope)  on  the  graph,  the  velocity  is  zero;  if  you  create  a  vertical  line  on 
the  graph,  there  is  an  instantaneous  rate  of  change. 


Applying  Ease  curve  to  a  Property  Curve 

To  add  Ease  to  a  tweened  Property,  do  the  following: 

1  In  the  Motion  Editor,  select  the  Property  you  want  to  apply  Ease  for,  and  click  the  Add  Ease  button  to  display  the 
Ease  panel. 

2  On  the  Ease  panel,  you  can  choose  to: 

1  Apply  a  Preset  Ease  by  selecting  a  preset  from  the  left  pane.  Specify  Ease  strength  by  entering  a  value  in  the  Easing 
field. 

2  Create  a  custom  ease  by  selecting  Custom  Ease  on  the  left  pane  and  modifying  the  Ease  curve.  For  more 
information,  see  Creating  and  Applying  Custom  Ease  curves  . 

3  Click  anywhere  outside  of  the  Ease  panel  to  close  it.  Notice  that  the  Add  Ease  button  reads  the  name  of  the  Ease  you 
applied  to  the  Property. 
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Creating  and  applying  custom  Ease  curves 

To  create  and  apply  Custom  Ease  to  a  tweened  Property,  do  the  following: 

1  In  the  Motion  Editor,  select  the  Property  you  want  to  apply  Custom  Ease  for,  and  click  the  Add  Ease  button  to  display 
the  Ease  panel. 

2  On  the  Ease  panel,  you  can  modify  the  default  Custom  Ease  curve  by: 

1  Pressing  Alt  +  Click  to  add  Anchor  Points  on  the  curve.  Further,  you  can  move  these  points  to  any  desired  point 
on  the  grid. 

2  Enabling  Control  Points  (alt+click  on  an  Anchor  Point)  on  an  Anchor  point  to  smoothen  curve  segments  on 
either  sides  of  an  Anchor  Point. 

3  Click  outside  the  Ease  panel  to  close  it.  Notice  that  the  Add  Ease  button  reads  Custom,  indicating  that  you  applied 
a  Custom  Ease  to  the  Property. 

Copying  Ease  Curves 

To  copy  an  Ease  Curve,  do  the  following: 

1  On  the  Ease  panel,  select  an  Ease  curve  you  want  to  copy,  and  press  Ctrl  +  C  (Cmd  +  C  on  MAC). 

2  Select  the  Property  you  want  to  paste  the  copied  ease  curve  on,  and  press  Ctrl  +  V  (Cmd  +  V  on  MAC). 

Applying  Ease  to  multiple  properties 

You  can  now  apply  preset  or  custom  Ease  to  property  groups.  The  Motion  Editor  organizes  properties  hierarchically  in 
to  property  groups  and  subproperties.  You  can  choose  to  apply  Ease  at  any  level,  that  is,  to  individual  properties  or 
property  groups,  within  this  hierarchy. 

Note  that,  after  you  apply  Ease  to  a  Property  group,  you  can  continue  to  edit  the  sub -properties  individually.  This  also 
means,  that  you  can  apply  a  different  Ease  (from  that  of  the  group)  to  a  subproperty. 

To  apply  Ease  to  multiple  properties,  do  the  following: 

1  In  the  Motion  Editor,  select  the  Property  Group,  and  click  the  Add  Ease  button  to  display  the  Ease  panel. 

2  On  the  Ease  panel,  select  a  Preset  Ease  or  create  a  Custom  Ease.  Click  anywhere  outside  the  Ease  panel  to  apply  the 
selected  Ease  on  the  Property  Group. 


Resultant  Curve 

When  you  apply  an  ease  curve  to  a  property  curve,  a  visual  overlay  called  the  Resultant  Curve  appears  on  the  grid.  The 
resultant  curve  is  an  accurate  representation  of  the  effect  of  Ease  applied  to  a  Property  curve.  It  is  indicative  of  the  final 
animation  of  the  tweened  object.  The  resultant  curve  makes  it  easier  for  you  to  understand  the  effect  that  you  see  on 
the  Stage  when  testing  the  animation. 
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Controlling  the  Motion  Editor  display 

In  the  Motion  Editor,  you  can  control  which  property  curves  appear  for  editing,  and  the  size  of  the  display  of  each 

property  curve.  Property  curves  that  are  displayed  at  a  large  size  are  easier  to  edit. 

•  The  new  Motion  Editor  displays  only  those  Properties  that  are  applied  to  a  tween. 

•  You  can  use  the  fit  to  view  toggle  (|o| )  to  fit  Motion  Editor  to  the  width  of  the  timeline. 

•  You  can  adjust  the  size  of  the  Motion  Editor  and  choose  to  display  less  ( /y\  )  or  more  frames  (  ^  )  in  using  the 
Timeline  Zoom  controls.  You  can  also  use  the  slider  to  set  an  appropriate  view  of  the  Motion  Editor. 

•  The  Motion  Editor  is  also  equipped  with  vertical  zoom  toggle.  You  can  use  the  Vertical  Zoom  to  display  a  suitable 
range  of  property  values  within  the  Motion  Editor.  Zooming  in  also  allows  you  to  make  focused  and  finer  edits  to  a 
Property  Curve. 

•  The  Properties  appear  expanded  in  the  left  pane  of  the  Motion  Editor,  by  default.  However,  you  collapse  the  drill¬ 
down  list  by  clikcing  a  property  name. 


Keyboard  shortcuts 

Double-click  -  on  a  property  curve  to  add  Anchor  Point. Alt+Drag  -  an  anchor  point  to  enable  Control 
Points.Alt+Drag  -  to  manipulate  a  selected  control  point  (single-sided  editing). Alt-click  -  an  anchor  point  to  disable 
control  points  (corner  point). Shift+drag  -  to  move  an  anchor  point  in  linear  direction.Command/Control  +  Click  - 
to  delete  an  anchor  point. Up/down  arrow  keys  -  to  move  a  selected  anchor  point  vertically. Command/Control  +  C/V 
-  to  copy/paste  a  selected  curve.Command/Control  +  R  -  to  reverse  a  selected  curve.Command/Control  +  Scroll  -  to 
zoom-in/out. 


Shape  tweening 
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About  shape  tweens 

In  shape  tweening,  you  draw  a  vector  shape  at  one  specific  frame  in  the  Timeline,  and  change  that  shape  or  draw 
another  shape  at  another  specific  frame.  Flash  Professional  then  interpolates  the  intermediate  shapes  for  the  frames  in 
between,  creating  the  animation  of  one  shape  morphing  into  another. 

Flash  Pro  allows  you  to  add  shape  tweens  to  uniform  solid  strokes  as  well  as  non-uniform  fancy  strokes.  You  can  also 
add  shape  tweens  to  strokes  enhanced  using  the  Variable  Width  Tool.  Experiment  with  the  shapes  you  want  to  use  to 
determine  the  results.  You  can  use  shape  hints  to  tell  Flash  Professional  which  points  on  the  beginning  shape  should 
correspond  to  specific  points  on  the  end  shape. 

You  can  also  tween  the  position  and  color  of  shapes  within  a  shape  tween. 

To  apply  shape  tweening  to  groups,  instances,  or  bitmap  images,  break  these  elements  apart.  See  Break  apart  a  symbol 
instance. 

To  apply  shape  tweening  to  text,  break  the  text  apart  twice  to  convert  the  text  to  objects.  See  Break  apart  a  symbol 
instance. 


Create  a  shape  tween 

The  following  steps  show  how  to  create  a  shape  tween  from  frame  1  to  frame  30  of  the  Timeline.  However,  you  can 
create  tweens  in  any  part  of  the  Timeline  that  you  choose. 

1  In  frame  1,  draw  a  square  with  the  Rectangle  tool. 

2  Select  frame  30  of  the  same  layer  and  add  a  blank  keyframe  by  choosing  Insert  >  Timeline  >  Blank  Keyframe  or 
pressing  F7. 

3  On  the  Stage,  draw  a  circle  with  the  Oval  tool  in  frame  30. 

You  should  now  have  a  keyframe  in  frame  1  with  a  square  and  a  keyframe  in  frame  30  with  a  circle. 

4  In  the  Timeline,  select  one  of  the  frames  in  between  the  two  keyframes  in  the  layer  containing  the  two  shapes. 

5  Choose  Insert  >  Shape  Tween. 

Flash  interpolates  the  shapes  in  all  the  frames  between  the  two  keyframes. 

6  To  preview  the  tween,  scrub  the  playhead  across  the  frames  in  the  Timeline,  or  press  the  Enter  key. 

7  To  tween  motion  in  addition  to  shape,  move  the  shape  in  frame  30  to  a  location  on  the  Stage  that  is  different  from 
the  location  of  the  shape  in  frame  1. 

Preview  the  animation  by  pressing  the  Enter  key. 

8  To  tween  the  color  of  the  shape,  make  the  shape  in  frame  1  a  different  color  from  the  shape  in  frame  30. 

9  To  add  easing  to  the  tween,  select  one  of  the  frames  between  the  two  keyframes  and  enter  a  value  in  the  Ease  field 
in  the  Property  inspector. 

Enter  a  negative  value  to  ease  the  beginning  of  the  tween.  Enter  a  positive  value  to  ease  the  end  of  the  tween. 


Control  shape  changes  with  shape  hints 

To  control  more  complex  or  improbable  shape  changes,  you  can  use  shape  hints.  Shape  hints  identify  points  that  should 
correspond  in  starting  and  ending  shapes.  For  example,  if  you  are  tweening  a  drawing  of  a  face  as  it  changes  expression, 
you  can  use  a  shape  hint  to  mark  each  eye.  Then,  instead  of  the  face  becoming  an  amorphous  tangle  while  the  shape 
change  takes  place,  each  eye  remains  recognizable  and  changes  separately  during  the  shift. 
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Shape  hints  contain  letters  (a  through  z)  for  identifying  which  points  correspond  in  the  starting  and  ending  shapes.  You 

can  use  up  to  26  shape  hints. 

Shape  hints  are  yellow  in  a  starting  keyframe,  green  in  an  ending  keyframe,  and  red  when  not  on  a  curve. 

For  best  results  when  tweening  shapes,  follow  these  guidelines: 

•  In  complex  shape  tweening,  create  intermediate  shapes  and  tween  them  instead  of  just  defining  a  starting  and 
ending  shape. 

•  Make  sure  that  shape  hints  are  logical.  For  example,  if  you’re  using  three  shape  hints  for  a  triangle,  they  must  be  in 
the  same  order  on  the  original  triangle  and  on  the  triangle  to  be  tweened.  The  order  cannot  be  abc  in  the  first 
keyframe  and  acb  in  the  second. 

•  Shape  hints  work  best  if  you  place  them  in  counterclockwise  order  beginning  at  the  top-left  corner  of  the  shape. 

Use  shape  hints 

1  Select  the  first  keyframe  in  a  shape-tweened  sequence. 

2  Select  Modify  >  Shape  >  Add  Shape  Hint.  The  beginning  shape  hint  appears  as  a  red  circle  with  the  letter  a 
somewhere  on  the  shape. 

3  Move  the  shape  hint  to  a  point  to  mark. 

4  Select  the  last  keyframe  in  the  tweening  sequence.  The  ending  shape  hint  appears  somewhere  on  the  shape  as  a  green 
circle  with  the  letter  a. 

5  Move  the  shape  hint  to  the  point  in  the  ending  shape  that  should  correspond  to  the  first  point  you  marked. 

6  To  view  how  the  shape  hints  change  the  shape  tweening,  play  the  animation  again.  To  fine-tune  the  tweening,  move 
the  shape  hints. 

7  Repeat  this  process  to  add  additional  shape  hints.  New  hints  appear  with  the  letters  that  follow  ( b ,  c,  and  so  on). 

View  all  shape  hints 

•  Select  View  >  Show  Shape  Hints.  The  layer  and  keyframe  that  contain  shape  hints  must  be  active  for  Show  Shape 
Hints  to  be  available. 


Remove  a  shape  hint 

❖  Drag  it  off  the  Stage. 

Remove  all  shape  hints 

❖  Select  Modify  >  Shape  >  Remove  All  Hints. 
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Shape  tweening  strokes  with  Variable  Width 

Flash  Pro  CC  2014  allows  you  to  add  shape-tween  to  strokes  with  Variable  Width.  Earlier,  Flash  Pro  only  supported 
creating  shape  tweens  for  solid  uniform  strokes  and  shapes.  This  limited  designers  from  creating  shape  tweens  for  non- 
uniform  strokes,  such  as  strokes  enhanced  using  the  Variable  Width  Tool.  Tweening  strokes  with  variable  width  greatly 
expands  the  design  possibilities  within  Flash  Pro  CC. 

Adding  Shape  tweens  to  fancy  strokes  is  not  different  from  tweening  a  shape  or  a  solid  uniform  stroke.  The  workflow 
necessitates  that  you  define  the  start  and  final  shape  of  the  tween,  and  Flash  Pro  creates  the  transitionary  frames  of  the 
tween. 


About  Variable  Width  Tool 

Vairable  Width  tool  allows  you  to  enhance  uniform  solid  strokes  to  create  beautiful  and  fancy  strokes.  For  information 
on  how  to  enhance  strokes  using  the  Variable  Width  Tool,  see  Enhancing  strokes  and  shapes  using  the  Variable  Width 
tool . 


Adding  Shape  tween  to  Variable  Width  strokes 

1  In  Flash  Professional  CC,  draw  a  line  using  the  Line  Tool. 


2  Use  the  Variable  Width  tool  to  add  width  at  the  middle  of  the  stroke  (see  below  figure).  For  information  on  using 
Variable  Width  tool,  see  Enhancing  strokes  using  Variable  Width  Tool . 


3  Select  another  frame  on  the  timeline,  for  example  frame  30,  and  create  the  final  shape  of  the  stroke  for  your  tween. 
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4  Right-click  on  any  frame  between  1  to  30,  and  select  Create  Shape  Tween. 

Adding  shape  tweens  to  variable  width  profiles 

Flash  Pro  CC  also  allows  you  to  add  shape  tweens  to  fancy  strokes  saved  as  Variable  Width  Profiles.  You  can  apply  width 
profiles  to  the  start  and  final  shapes  of  a  tween,  and  allow  Flash  to  create  a  smooth  Shape  tween. 

Width  Profiles  are  nothing  but  fancy  strokes  created  and  saved  using  Variable  Width  Tool  for  easy  reuse.  For  more 
information  about  Width  Profiles,  see  Saving  Width  Profiles  . 

To  add  shape  tweens  to  variable  width  profiles,  do  the  following: 

1  In  Flash  Professional  CC,  draw  a  line  on  Stage  using  the  Line  Tool. 


2  On  the  Properties  Inspector,  select  and  apply  a  Width  Profile  from  the  Width  drop-down. 


Last  updated  6/1 2/2015 


Animation  and  Interactivity 


214 


3  Select  another  frame  on  the  timeline,  for  example  frame  30,  and  select  a  desired  Width  Profile  from  the  Width  drop¬ 
down  on  Properties  Inspector. 

4  Right-click  on  any  frame  between  1  to  30,  and  select  Create  Shape  Tween  to  add  shape  tween  to  the  selected  Width 
Profiles. 


Frames  and  keyframes 

Like  films,  Adobe  Flash  Professional  documents  divide  lengths  of  time  into  frames.  In  the  Timeline,  you  work  with 
these  frames  to  organize  and  control  the  content  of  your  document.  You  place  frames  in  the  Timeline  in  the  order  you 
want  the  objects  in  the  frames  to  appear  in  your  finished  content. 

A  keyframe  is  a  frame  where  a  new  symbol  instance  appears  in  the  Timeline.  A  keyframe  can  also  be  a  frame  that 
includes  ActionScript*  code  to  control  some  aspect  of  your  document.  You  can  also  add  a  blank  keyframe  to  the 
Timeline  as  a  placeholder  for  symbols  you  plan  to  add  later  or  to  explicitly  leave  the  frame  blank. 

A  property  keyframe  is  a  frame  in  which  you  define  a  change  to  an  object’s  properties  for  an  animation.  Flash 
Professional  can  tween ,  or  automatically  fill  in,  the  property  values  between  the  property  keyframes  in  order  to  produce 
fluid  animations.  Because  property  keyframes  let  you  produce  animation  without  drawing  each  individual  frame,  they 
make  creating  animation  easier.  A  series  of  frames  containing  tweened  animation  is  called  a  motion  tween. 

A  tweened  frame  is  any  frame  that  is  part  of  a  motion  tween. 

A  static  frame  is  any  frame  that  is  not  part  of  a  motion  tween. 

You  arrange  keyframes  and  property  keyframes  in  the  Timeline  to  control  the  sequence  of  events  in  your  document  and 
its  animation. 

Videos  and  tutorials 

•  Video:  Editing  frames  on  the  Timeline  (Length  =  9:27,  Peachpit.com) 
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Insert  frames  in  the  Timeline 

•  To  insert  a  new  frame,  select  Insert  >  Timeline  >  Frame  (F5). 

•  To  create  a  new  keyframe,  select  Insert  >  Timeline  >  Keyframe  (F6),  or  right-click  (Windows)  or  Control-click 
(Macintosh)  the  frame  where  you  want  to  place  a  keyframe,  and  select  Insert  Keyframe  from  the  context  menu. 

•  To  create  a  new  blank  keyframe,  select  Insert  >  Timeline  >  Blank  Keyframe,  or  right-click  (Windows)  or 
Control-click  (Macintosh)  the  frame  where  you  want  to  place  the  keyframe,  and  select  Insert  Blank  Keyframe  from 
the  context  menu. 


Select  frames  in  the  Timeline 

Flash  Professional  offers  two  different  methods  for  selecting  frames  in  the  Timeline.  In  frame-based  selection  (the 

default),  you  select  individual  frames  in  the  Timeline.  In  span-based  selection,  the  entire  frame  sequence,  from  one 

keyframe  to  the  next,  is  selected  when  you  click  any  frame  in  the  sequence.  You  can  specify  span-based  selection  in 

Flash  Professional  Preferences. 

•  To  select  one  frame,  click  the  frame.  If  you  have  Span  Based  Selection  enabled,  Control-click  (Windows)  or 
Command-click  (Macintosh)  the  frame. 

•  To  select  multiple  contiguous  frames,  drag  the  cursor  over  the  frames,  or  Shift-click  additional  frames. 

•  To  select  multiple  non-contiguous  frames,  Control-click  (Windows)  or  Command-click  (Macintosh)  additional 
frames. 

•  To  select  all  frames  in  the  Timeline,  select  Edit  >  Timeline  >  Select  All  Frames. 

•  To  select  an  entire  span  of  static  frames,  double-click  a  frame  between  two  keyframes.  If  you  have  Span  Based 
Selection  enabled,  click  any  frame  in  the  sequence. 

•  To  select  a  whole  span  of  frames  (motion  tween  or  inverse  kinematics)  click  on  it  once  if  you  have  Span-based 
Selection  enabled  in  the  Preferences.  If  Span-based  Selection  is  disabled,  double-click  on  the  span.  To  select  multiple 
spans,  click  on  each  of  them  while  holding  the  Shift  key. 


Label  frames  in  the  Timeline 

You  can  label  frames  in  the  Timeline  as  a  way  of  helping  organize  its  contents.  You  can  also  label  a  frame  in  order  to  be 
able  to  refer  to  that  frame  in  ActionScript  by  it’s  label.  That  way,  if  you  rearrange  the  Timeline  and  move  the  label  to  a 
different  frame  number,  the  ActionScript  will  still  refer  to  the  frame  label  and  will  not  have  to  be  updated. 

Frame  labels  can  only  be  applied  to  keyframes.  A  best  practice  is  to  create  a  separate  layer  in  the  Timeline  to  contain 
your  frame  labels. 

To  add  a  frame  label: 

1  Select  the  frame  you  wish  to  label  in  the  Timeline. 

2  With  the  frame  selected,  enter  the  label  name  in  the  Label  section  of  the  Property  inspector.  Press  Enter  or  Return. 

Videos  and  tutorials 

•  Video:  Using  frame  labels  (Length  =  8:29,  Peachpit.com) 


Enable  span-based  frame  selection 

Span-based  frame  selection  allows  you  to  select  a  range  of  frames  between  2  keyframes  with  a  single  click. 
1  Select  Edit  >  Preferences. 
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2  Select  the  General  category. 

3  In  the  Timeline  section,  select  Span  Based  Selection. 

4  Click  OK. 

(Flash  Professional  CC  only)  Distribute  to  KeyFrames 

Distribute  to  KeyFrames  option  allows  you  to  distribute  multiple  objects  (Symbols  and  Bitmaps)  on  the  Stage  to 
individual  KeyFrames  each. 

1  Select  multiple  objects  of  any  layer  on  the  stage. 

2  Right-click  anywhere  on  stage,  and  select  Distribute  to  KeyFrames. 

Copy  or  paste  a  frame  or  frame  sequence 

❖  Do  one  of  the  following: 

•  Select  the  frame  or  sequence  and  select  Edit  >  Timeline  >  Copy  Frames.  Select  the  frame  or  sequence  that  you 
want  to  replace,  and  select  Edit  >  Timeline  >  Paste  Frames. 

•  Alt-drag  (Windows)  or  Option-drag  (Macintosh)  a  keyframe  to  the  location  where  you  want  to  copy  it. 


Delete  a  frame  or  frame  sequence 

❖  Select  the  frame  or  sequence  and  select  Edit  >  Timeline  >  Remove  Frame,  or  right-click  (Windows)  or  Control-click 
(Macintosh)  the  frame  or  sequence  and  select  Remove  Frame  from  the  context  menu. 

Surrounding  frames  remain  unchanged. 


Move  a  keyframe  or  frame  sequence 

❖  Select  a  keyframe  or  frame  sequence  and  then  drag  the  keyframe  or  sequence  to  the  desired  location. 


Change  the  length  of  a  static  frame  sequence 

❖  Control-drag  (Windows)  or  Command-drag  (Macintosh)  the  beginning  or  ending  frame  of  the  span  to  the  left  or 
right. 

To  change  the  length  of  a  frame-by-frame  animation  sequence,  see  Create  frame-by-frame  animations. 


Convert  a  keyframe  to  a  frame 

❖  Select  the  keyframe  and  select  Edit  >  Timeline  >  Clear  Keyframe,  or  right-click  (Windows)  or  Control-click 
(Macintosh)  the  keyframe  and  select  Clear  Keyframe  from  the  context  menu. 

The  Stage  contents  of  the  cleared  keyframe  and  all  frames  up  to  the  subsequent  keyframe  are  replaced  with  the  Stage 
contents  of  the  frame  preceding  the  cleared  keyframe. 


View  a  preview  of  frame  content  in  the  Timeline 

In  each  keyframe  of  the  Timeline,  you  can  view  a  thumbnail  preview  of  the  items  in  the  keyframe. 

❖  Choose  Preview  from  the  Timeline  panel  Options  menu  at  the  upper-right  corner  of  the  Timeline  panel. 
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More  Help  topics 

The  Timeline 

Animation  basics 
Motion  tweens 
Frame-by-frame  animation 
Timelines  and  Actionscript 
Using  sounds  in  Flash 


Frame-by-frame  animation 


Create  frame-by-frame  animations 

Frame-by-frame  animation  changes  the  contents  of  the  Stage  in  every  frame  and  is  best  suited  to  complex  animation 
in  which  an  image  changes  in  every  frame  instead  of  simply  moving  across  the  Stage.  Frame-by-frame  animation 
increases  file  size  more  rapidly  than  tweened  animation.  In  frame-by-frame  animation,  Flash  Professional  stores  the 
values  for  each  complete  frame. 

To  create  a  frame-by-frame  animation,  define  each  frame  as  a  keyframe  and  create  a  different  image  for  each  frame. 
Each  new  keyframe  initially  contains  the  same  contents  as  the  keyframe  preceding  it,  so  you  can  modify  the  frames  in 
the  animation  incrementally. 


(  • 

-AJt 


1  Click  a  layer  name  to  make  it  the  active  layer,  and  select  a  frame  in  the  layer  where  the  animation  is  to  start. 

2  If  the  frame  isn’t  already  a  keyframe,  select  Insert  >  Timeline  >  Keyframe. 

3  Create  the  artwork  for  the  first  frame  of  the  sequence.  Use  the  drawing  tools,  paste  graphics  from  the  Clipboard,  or 
import  a  file. 

4  To  add  a  new  keyframe  whose  contents  are  the  same  as  those  of  the  first  keyframe,  click  the  next  frame  to  the  right 
in  the  same  row  and  select  Insert  >  Timeline  >  Keyframe,  or  right-click  (Windows)  or  Control-click  (Macintosh) 
and  select  Insert  Keyframe. 

5  To  develop  the  next  increment  of  the  animation,  alter  the  contents  of  this  frame  on  the  Stage. 

6  To  complete  your  frame-by-frame  animation  sequence,  repeat  steps  4  and  5  until  you’ve  built  the  desired  motion. 
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7  To  test  the  animation  sequence,  select  Control  >  Play  or  click  the  Play  button  on  the  Controller  (Window  >  Toolbars 
>  Controller). 


Creating  frame-by-frame  animations  by  converting  classic  or  motion  tweens 

You  can  convert  a  classic  tween  or  a  motion  tween  span  to  frame-by-frame  animation.  In  frame-by-frame  animation, 
each  frame  contains  separate  keyframes  (not  property  keyframes)  which  each  contains  separate  instances  of  the 
animated  symbol.  Frame-by-frame  animation  does  not  contain  interpolated  property  values. 

❖  Right-click  (Windows)  or  Ctrl-click  (Macintosh)  the  tween  span  you  want  to  convert  and  choose  Convert  to  Frame 
by  Frame  Animation  from  the  context  menu. 


Use  onion  skinning 

Usually,  one  frame  of  the  animation  sequence  at  a  time  appears  on  the  Stage.  To  help  position  and  edit  a  frame-by-frame 
animation,  view  two  or  more  frames  on  the  Stage  at  once.  The  frame  under  the  playhead  appears  in  full  color,  while 
surrounding  frames  are  dimmed,  making  it  appear  as  if  each  frame  were  drawn  on  a  sheet  of  translucent  onion-skin 
paper  and  the  sheets  were  stacked  on  top  of  each  other.  Dimmed  frames  cannot  be  edited. 

Videos  and  tutorials 

•  Video:  Aligning  Objects  with  Onion  Skinning  and  the  Grid  (Length  =  8:34,  Adobe  Press) 

Simultaneously  view  several  frames  of  an  animation  on  the  Stage 

•  Click  the  Onion  Skin  button  .  All  frames  between  the  Start  Onion  Skin  and  End  Onion  Skin  markers  (in  the 
Timeline  header)  are  superimposed  as  one  frame  in  the  Document  window. 

Control  onion  skinning  display 

•  To  display  onion  skinned  frames  as  outlines,  click  the  Onion  Skin  Outlines  button 

•  To  change  the  position  of  either  onion  skin  marker,  drag  its  pointer  to  a  new  location.  (Normally,  the  onion  skin 
markers  move  in  conjunction  with  the  current  frame  pointer.) 

•  To  enable  editing  of  all  frames  between  onion  skin  markers,  click  the  Edit  Multiple  Frames  button  .  Usually,  onion 
skinning  lets  you  edit  only  the  current  frame.  However,  you  can  display  the  contents  of  each  frame  between  the 
onion  skin  markers,  and  make  each  available  for  editing,  regardless  of  which  is  the  current  frame. 

Note:  Locked  layers  (those  with  a  padlock  icon)  aren’t  displayed  when  onion  skinning  is  turned  on.  To  avoid  a  multitude 
of  confusing  images,  lock  or  hide  the  layers  you  don’t  want  to  be  onion  skinned. 

Change  the  display  of  onion  skin  markers 

•  Click  the  Modify  Onion  Markers  ibutton  and  select  an  item: 

Always  Show  Markers  Displays  the  onion  skin  markers  in  the  Timeline  header  whether  or  not  onion  skinning  is  on. 

Anchor  Onion  Locks  the  onion  skin  markers  to  their  current  position  in  the  Timeline  header.  Usually,  the  onion  skin 
range  is  relative  to  the  current  frame  pointer  and  the  onion  skin  markers.  Anchoring  the  onion  skin  markers 
prevents  them  from  moving  with  the  current  frame  pointer. 

Onion  2  Displays  two  frames  on  either  side  of  the  current  frame. 

Onion  5  Displays  five  frames  on  either  side  of  the  current  frame. 

Onion  All  Displays  all  frames  on  either  side  of  the  current  frame. 
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Custom  Brushes 


Overview 

The  Brush  Tool  (B)  in  Adobe  Flash  Professional  CC  allows  you  to  custom-define  a  brush  by  setting  parameters  of  the 
brush  such  as  shape  and  angle.  This  enables  you  to  create  natural  artwork  in  your  projects  by  customizing  the  brush 
tool  to  suit  your  drawing  needs.  You  can  choose,  edit  and  create  a  custom  brush  in  Flash  Professional  through  the 
Property  Inspector,  when  the  brush  tool  is  selected  in  the  toolbox. 


Choosing  a  custom  brush 

By  default,  the  Brush  tool  provides  you  a  number  of  brushes  in  customized  shapes  to  suit  your  various  drawing  needs. 
You  can  see  a  number  of  brush  shapes  when  you  choose  the  Brush  Tool  from  the  toolbox  and  look  under  the  "Brush" 
setting  in  Property  Inspector. 

You  can  choose  a  brush  from  the  Brush  drop-down  menu  and  start  drawing  the  artwork  on  the  stage. 


Creating  a  custom  brush 

You  can  create  custom  brushes  with  custom-defined  size,  angle  and  flatness  as  follows: 

❖  Click  the  "Brush  Tool  (B)"  from  the  toolbox  and  click  the  "+"  button  next  to  the  "Brush"  setting  in  the  Property 
Inspector. 


1  ▼  Fill  and  Stroke 

s 

&  SB 

Brush: 

•  *  ‘ 

Size: 

0  Zoom  size  with  stage 

■ 

Stroke: 

Style: 

Width: 

•  + 

-  o 

❖  In  the  Nib  Options  dialog  box,  select  a  shape,  specify  an  angle,  and  flatness  percentage.  You  can  see  a  preview  of  the 
brush  as  you  set  the  parameters. 


Last  updated  6/1 2/2015 


Animation  and  Interactivity 


220 


Nib  Options 


Shape:  0  | 

Angle:  0 

Flatness:  100  % 

Cancel  OK 


❖  Click  OK.  The  new  custom  brush  is  selected  in  the  Property  Inspector  as  the  default  brush  for  the  current  document. 


Zooming  brush  size  with  stage  zoom  level  and  resizing 

You  can  use  the  Zoom  size  with  stage  check  box  to  scale  the  brush  size  proportionately  to  the  changing  zoom  level  of 
the  stage.  This  allows  you  to  draw  seamlessly  adjusting  to  any  zoom  level.  If  you  want  to  revert  to  the  earlier  default 
behavior  of  brushes  maintaining  a  constant  pixel  size  even  when  you  change  the  zoom  level  of  the  stage,  you  must 
disable  the  'Zoom  size  with  stage'  checkbox  in  the  brush  Property  Inspector. 

You  can  resize  the  brush  to  the  desired  size  by  adjusting  the  Size  option.  The  preview  icon  next  to  the  Size  option 
indicates  the  chaging  size  of  the  brush  as  you  adjust  the  size. 


Brush:  £  +  —  .♦*  i 

Size: 

V  Zoom  size  with  stage  — 

Stroke: 

Style: 

Width:  ▼  + 


A  Resize  the  brush  B  Get  a  preview  of  the  brush  size  as  you  resize  C  Zoom  the  brush  size  with  the  stage  zoom  level 

Editing  a  custom  brush 

You  can  change  the  properties  of  the  custom  brush  that  you  have  created  as  follows: 

❖  In  the  Properties  Inspector,  selecting  the  custom  brush  that  you  want  to  modify  by  clicking  on  the  button  with  a 
pencil  icon  next  to  the  brush  options. 
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1  ▼  Fill  and  aroke  j 
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❖  In  the  Nib  Options  dialog  box,  modify  the  properties  such  as  shape,  angle,  and  flatness  and  click  OK. 

Note:  You  can  edit  only  those  brushes  that  you  have  custom- created  and  cannot  modify  the  properties  of  any  of  the  default 
brushes. 


Deleting  a  custom  brush 

1  To  delete  a  custom  brush  you  have  created,  select  the  "Brush  Tool  (B)"  from  the  toolbox  and  choose  the  custom 
brush  that  you  want  to  delete  under  Fill  and  Stroke  in  the  Property  Inspector. 

2  Click  the button  that  is  enabled.  The  selected  custom  brush  is  deleted  from  the  list. 


▼  Fill  and  aroke 
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Note:  You  can  delete  only  those  brushes  that  you  have  created.  You  are  not  allowed  to  delete  the  default  brushes. 

Synchronizing  custom  brushes  to  the  cloud 

Custom  brushes  you  create  can  be  synchronized  to  the  cloud  (your  Creative  Cloud  account)  through  the  Flash 
preferences.  To  do  that,  navigate  to  Edit  >  Preferences  on  Windows  or  Flash  >  Preferences  on  a  Mac.  You  will  find  the 
option  to  synchronize  custom  brushes  under  the  "Sync  Settings"  section  as  shown  below:  - 
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Sync  Settings 


Code  Editor 
Script  Files 
Compiler 
Text 
Drawing 


Adobe  ID 

Last  sync:  None 
Signed  in  as:  >9 

Sync  Options 


Sync:  j  Custom  ▼ 

'Z  Application  Preferences 

'S  Workspaces 

V'  Default  Document  Settings 
'S  Keyboard  Shortcuts 
S  Grid,  Guides  and  Snapping  Settings 
S  Sprite  Sheet  Settings 
V  Variable  Width  Profiles 
'S  Custom  Brushes 


Sync  Settings  Now 
Manage  Account 


Animation  basics 


Note:  Like  most  things  in  Flash,  animation  does  not  require  any  ActionScript.  However,  you  can  create  animation  with 
ActionScript  if  you  choose. 


Types  of  animation 

provides  several  ways  to  create  animation  and  special  effects.  Each  method  provides  you  with  different  possibilities  for 
creating  engaging  animated  content. 

Flash  supports  the  following  types  of  animation: 

Motion  tweens  Use  motion  tweens  to  set  properties  for  an  object,  such  as  position  and  alpha  transparency  in  one  frame 
and  again  in  another  frame.  Flash  then  interpolates  the  property  values  of  the  frames  in  between.  Motion  tweens  are 
useful  for  animation  that  consists  of  continuous  motion  or  transformation  of  an  object.  Motion  tweens  appear  in  the 
Timeline  as  a  contiguous  span  of  frames  that  can  be  selected  as  a  single  object  by  default.  Motion  tweens  are  powerful 
and  simple  to  create. 

Classic  tweens  Classic  tweens  are  like  motion  tweens,  but  are  more  complex  to  create.  Classic  tweens  allow  for  some 
specific  animated  effects  not  possible  with  span-based  tweens. 

Inverse  Kinematics  poses  (deprecated  with  Flash  Professional  CC)  Inverse  kinematic  poses  allow  you  to  stretch  and 
bend  shape  objects  and  link  groups  of  symbol  instances  to  make  them  move  together  in  naturalistic  ways.  Once  you 
have  added  bones  to  a  shape  or  a  group  of  symbols,  you  can  change  the  position  of  the  bones  or  symbols  in  different 
keyframes.  Flash  interpolates  the  positions  in  the  in-between  frames. 

Shape  tweens  In  shape  tweening,  you  draw  a  shape  at  one  specific  frame  in  the  Timeline,  and  change  that  shape  or 
draw  another  shape  at  another  specific  frame.  Flash  Pro  then  interpolates  the  intermediate  shapes  for  the  frames  in 
between,  creating  the  animation  of  one  shape  morphing  into  another. 
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Frame-by-frame  animation  This  animation  technique  lets  you  specify  different  art  for  each  frame  in  the  Timeline.  Use 
this  technique  to  create  an  effect  that  is  like  the  frames  of  a  film  being  played  in  rapid  succession.  This  technique  is 
useful  for  complex  animation  where  the  graphic  elements  of  each  frame  must  be  different. 


About  frame  rates 

The  frame  rate,  the  speed  the  animation  is  played  at,  is  measured  in  number  of  frames  per  second  (fps).  A  frame  rate 
that’s  too  slow  makes  the  animation  appear  to  stop  and  start;  a  frame  rate  that’s  too  fast  blurs  the  details  of  the 
animation.  A  frame  rate  of  24  fps  is  the  default  for  new  Flash  documents  and  usually  gives  the  best  results  on  the  web. 
The  standard  motion-picture  rate  is  also  24  fps. 

The  complexity  of  the  animation  and  the  speed  of  the  computer  playing  the  animation  affect  the  smoothness  of  the 
playback.  To  determine  optimum  frame  rates,  test  your  animations  on  a  variety  of  computers. 

Because  you  specify  only  one  frame  rate  for  the  entire  Flash  Pro  document,  set  this  rate  before  you  begin  creating 
animation. 


Identifying  animations  in  the  Timeline 

Flash  Pro  distinguishes  tweened  animation  from  frame-by-frame  animation  in  the  Timeline  by  displaying  different 

indicators  in  each  frame  that  contains  content. 

The  following  frame  content  indicators  appear  in  the  Timeline: 

•  A  span  of  frames  with  a  blue  background  indicates  a  motion  tween.  A  black  dot  in  the  first  frame  of  the  span  indicates 
that  the  tween  span  has  a  target  object  assigned  to  it.  Black  diamonds  indicate  the  last  frame  and  any  other  property 
keyframes.  Property  keyframes  are  frames  that  contain  property  changes  explicitly  defined  by  you.  You  can  choose 
which  types  of  property  keyframes  to  display  by  right-clicking  (Windows)  or  Command-clicking  (Macintosh)  the 
motion  tween  span  and  choosing  View  Keyframes  >  type  from  the  context  menu.  Flash  displays  all  types  of  property 
keyframes  by  default.  All  other  frames  in  the  span  contain  interpolated  values  for  the  tweened  properties  of  the 
target  object.  #  ,  . 


A  hollow  dot  in  the  first  frame  indicates  that  the  target  object  of  the  motion  tween  has  been  removed.  The  tween 
span  still  contains  its  property  keyframes  and  can  have  a  new  target  object  applied  to 
it. o  •  • 


•  A  span  of  frames  with  a  green  background  indicates  an  inverse  kinematics  (IK)  pose  layer.  Pose  layers  contain  IK 
armatures  and  poses.  Each  pose  appears  in  the  Timeline  as  a  black  diamond.  Flash  interpolates  the  positions  of  the 
armature  in  the  frames  in  between  poses.  ,  ,  , 


A  black  dot  at  the  beginning  keyframe  with  a  black  arrow  and  blue  background  indicates  a  classic 
tween.  #  , _ > 


A  dashed  line  indicates  that  the  classic  tween  is  broken  or  incomplete,  such  as  when  the  final  keyframe  is 
missing. 


A  black  dot  at  the  beginning  keyframe  with  a  black  arrow  and  a  light  green  background  indicates  a  shape 


tween. 
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A  black  dot  indicates  a  single  keyframe.  Light  gray  frames  after  a  single  keyframe  contain  the  same  content  with  no 
changes.  These  frames  have  a  vertical  black  line  and  a  hollow  rectangle  at  the  last  frame  of  the 


span. 


•  A  small  a  indicates  that  the  frame  is  assigned  a  frame  action  with  the  Actions  panel.  £ 


•  A  red  flag  indicates  that  the  frame  contains  a  label,  ^animation 


•  A  green  double  slash  indicates  that  the  frame  contains  a  comment,  animation 


•  A  gold  anchor  indicates  that  the  frame  is  a  named  anchor,  ^animation 


About  layers  in  tweened  animation 

Each  scene  in  a  Flash  Pro  document  can  consist  of  any  number  of  Timeline  layers.  Use  layers  and  layer  folders  to 
organize  the  contents  of  an  animation  sequence  and  separate  animated  objects.  Organizing  them  in  layers  and  folders 
prevents  them  from  erasing,  connecting  to,  or  segmenting  each  other  when  they  overlap.  To  create  animation  that 
includes  tweened  movement  of  more  than  one  symbol  or  text  field  at  once,  place  each  object  on  a  separate  layer.  You 
can  use  one  layer  as  a  background  layer  to  contain  static  artwork  and  use  additional  layers  to  contain  one  separate 
animated  object. 

When  you  create  a  motion  tween,  Flash  Pro  converts  the  layer  containing  the  object  you  selected  to  tween  into  a  tween 
layer.  The  tween  layer  has  a  tween  icon  next  to  the  layer  name  in  the  Timeline. 

If  other  objects  are  present  on  the  same  layer  as  the  tweened  object,  Flash  Pro  adds  new  layers  above  or  below  the 
original  layer  as  needed.  Any  objects  that  existed  below  the  tweened  object  on  its  original  layer  move  to  a  new  layer 
below  the  original  layer.  Any  objects  that  were  above  the  tweened  object  on  its  original  layer  move  to  a  new  layer  above 
the  original  layer.  Flash  Pro  inserts  these  new  layers  between  any  pre-existing  layers  in  the  Timeline.  In  this  way  Flash 
Pro  preserves  the  original  stacking  order  of  all  the  graphic  objects  on  the  Stage. 

A  tween  layer  can  contain  only  tween  spans  (contiguous  groups  of  frames  containing  a  tween),  static  frames,  blank 
keyframes,  or  empty  frames.  Each  tween  span  can  contain  only  a  single  target  object  and  an  optional  motion  path  for 
the  target  object.  Because  you  cannot  draw  in  a  tween  layer,  create  additional  tweens  or  static  frames  on  other  layers 
and  then  drag  them  to  the  tween  layer.  To  place  frame  scripts  on  a  tween  layer,  create  them  on  another  layer  and  drag 
them  to  the  tween  layer.  A  frame  script  can  only  reside  in  a  frame  outside  the  motion  tween  span  itself.  In  general,  it  is 
best  to  keep  all  frame  scripts  on  a  separate  layer  that  contains  only  ActionScript. 

When  a  document  has  several  layers,  tracking  and  editing  the  objects  on  one  or  more  of  them  can  be  difficult.  This  task 
is  easier  if  you  work  with  the  contents  of  one  layer  at  a  time.  To  hide  or  lock  layers  you  are  not  currently  working  on, 
click  the  Eye  or  Lock  icon  next  to  the  layer  name  in  the  Timeline.  Using  layer  folders  can  help  you  organize  layers  into 
manageable  groups. 
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Distributing  objects  to  layers  for  tweened  animation 

Flash  Pro  automatically  moves  an  object  to  its  own  tween  layer  when  you  apply  a  motion  tween  to  the  object.  However, 
you  can  also  distribute  objects  to  their  own  separate  layers  yourself.  For  example,  you  can  choose  to  distribute  objects 
yourself  when  you  are  organizing  content.  Manual  distribution  is  also  useful  for  applying  animation  to  objects  while 
maintaining  precise  control  over  how  they  move  from  one  layer  to  another. 

When  you  use  the  Distribute  To  Layers  command  (Modify  >  Timeline  >  Distribute  To  Layers),  Flash  Pro  distributes 
each  selected  object  to  a  new,  separate  layer.  Any  objects  that  you  don’t  select  (including  objects  in  other  frames)  are 
preserved  in  their  original  layers. 

You  can  apply  the  Distribute  To  Layers  command  to  any  element  on  the  Stage,  including  graphic  objects,  instances, 
bitmaps,  video  clips,  and  broken-apart  text  blocks. 

About  new  layers  created  with  Distribute  to  Layers 

New  layers  created  during  the  Distribute  To  Layers  operation  are  named  according  to  the  name  of  the  element  that  each 
contains: 

•  A  new  layer  containing  a  library  asset  (such  as  a  symbol,  bitmap,  or  video  clip)  receives  the  same  name  as  the  asset. 

•  A  new  layer  containing  a  named  instance  receives  the  name  of  the  instance. 

•  A  new  layer  containing  a  character  from  a  broken-apart  text  block  is  named  with  the  character. 

•  A  new  layer  containing  a  graphic  object  (which  has  no  name)  is  named  Layerl  (or  Layer2,  and  so  on),  because 
graphic  objects  do  not  have  names. 

Flash  Pro  inserts  the  new  layers  below  any  selected  layers.  The  new  layers  are  arranged  top  to  bottom,  in  the  order 
that  the  selected  elements  were  originally  created.  The  layers  in  broken-apart  text  are  arranged  in  the  order  of  the 
characters,  whether  left-to-right,  right-to-left,  or  top-to-bottom.  For  example,  suppose  you  break  apart  the  text 
FLASH  and  distribute  it  to  layers.  The  new  layers,  named  F,  L,  A,  S,  and  H,  are  arranged  top  to  bottom,  with  F  at  the 
top.  These  layers  appear  immediately  below  the  layer  that  initially  contained  the  text. 

Distribute  objects  to  layers 

1  Select  the  objects  you  want  to  distribute  to  separate  layers.  The  objects  can  be  in  a  single  layer,  or  in  several  layers, 
including  non-contiguous  layers. 

2  Do  one  of  the  following: 

•  Select  Modify  >  Timeline  >  Distribute  To  Layers. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  one  of  the  selected  objects,  and  select  Distribute  To  Layers. 


Creating  tweened  animations  by  distributing  objects  to  keyframes 

New  in  Flash  Professional  CC 

Flash  Pro  automatically  allows  you  to  distribute  objects  to  separate  keyframes  each.  You  can  choose  to  distribute  objects 
when  you  are  organizing  content  on  stage.  Manually,  the  process  is  tedious  and  time-consuming.  Distribution  is  highly 
useful  when  creating  tweened  animation  by  placing  objects  on  individual  keyframes.  You  could  assign  different  objects 
or  object  states  to  individual  keyframes  each.  In  effect,  when  the  playhead  is  scrubbed  across  these  keyframes,  the  effect 
of  a  tweened  animation  is  apparent. 

When  you  use  the  Distribute  To  Keyframes  command,  Flash  Pro  distributes  each  selected  object  to  a  new,  separate 
keyframe.  Any  objects  that  you  don’t  select  (including  objects  in  other  frames)  are  preserved  in  their  original  layers. 
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You  can  apply  the  Distribute  To  Keyframes  command  to  any  element  on  the  Stage,  including  graphic  objects,  instances, 
bitmaps,  video  clips,  and  text  blocks. 

About  new  keyframes  created  with  Distribute  to  Keyframes 

•  New  keyframes  created  during  the  Distribute  To  Keyframes  operation  are  arranged  according  to  the  sequence  in 
which  the  objects  were  selected. 

•  If  any  object  on  the  layer  was  left  unselected  when  performing  the  Distribute  to  Keyframes  operation,  the  original 
frames  stay  unaffected  for  such  objects.  The  objects  that  are  selected  for  distribution  are  assigned  keyframes  starting 
the  frame  immediately  next  to  the  last  frame  of  the  original  content.  For  example,  if  Objectl  and  Object2  are  on  a 
layer  that  has  50  frames.  If  Objectl  was  chosen  for  distribution,  it  is  placed  on  the  51st  keyframe. 

Distribute  objects  to  keyframes 

1  Select  the  objects  you  want  to  distribute  to  separate  layers.  The  objects  can  be  in  a  single  layer,  or  in  several  layers, 
including  non-contiguous  layers. 

2  Right-click  (Windows)  or  Control-click  (Macintosh)  one  of  the  selected  objects,  and  select  Distribute  To  Keyframes. 

Additional  resources 

The  following  articles  are  available  about  working  with  animation  in  Flash  Pro: 

•  Creating  a  simple  animation  in  Flash  (Adobe.com) 

•  Animation  Learning  Guide  for  Flash  Professional  (Adobe.com) 

•  Motion  migration  guide  for  Flash  Professional  (Adobe.com) 

•  Creating  animation  in  ActionScript  3.0  (Adobe.com) 

•  How  to  Lip  Sync  a  Character  in  Flash  (Length  =  2:30,  YouTube.com) 

More  Help  topics 

Motion  tween  animation 

Working  with  classic  tween  animation 
Inverse  kinematics 
Shape  tweening 
Frame-by-frame  animation 
Create  a  new  document 


Creating  buttons 
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Basic  steps  for  creating  buttons 

1  Decide  what  button  type  best  suits  your  needs. 

Button  symbol  Most  people  choose  button  symbols  for  their  flexibility.  Button  symbols  contain  a  specialized 
internal  timeline  for  button  states.  You  can  easily  create  visually  different  Up,  Down,  and  Over  states.  Button 
symbols  also  change  their  state  automatically  as  they  react  to  user  actions. 

Movie  dip  button  You  can  use  a  movie  clip  symbol  to  create  sophisticated  button  effects.  Movie  clip  symbols  can 
contain  almost  any  type  of  content,  including  animation.  However,  movie  clip  symbols  do  not  have  built-in  Up, 
Down,  and  Over  states.  You  create  those  states  yourself,  using  ActionScript.  A  disadvantage  is  that  movie  clip  files 
are  larger  than  button  files.  Use  these  resources  to  learn  how  to  create  a  button  with  a  movie  clip  symbol: 

•  Tutorial:  Movie  Clip  Buttons  (ActionScript  3.0,  Schoolofflash.com) 

ActionScript  button  component  Use  a  button  component  if  you  require  only  a  standard  button  or  a  toggle,  and  you 
don’t  want  to  customize  it  extensively.  Both  ActionScript  2.0  and  3.0  button  components  come  with  built-in  code 
that  enables  state  changes.  So,  you  don’t  have  to  define  the  look  and  behavior  of  button  states.  Simply  drag  the 
component  onto  the  Stage. 

•  ActionScript  3.0  button  components  allow  for  some  customization.  You  can  bind  the  button  to  other 
components,  and  share  and  display  application  data.  They  have  built-in  features,  such  as  accessibility  support. 
Button,  Radio  Button,  and  CheckBox  components  are  available.  For  details,  see  Use  the  Button  component  in 
Using  Adobe  ActionScript  3.0  Components.  For  examples  of  how  to  use  Button  components,  see  AS3  Button 
Component  Quick  Start. 

•  ActionScript  2.0  button  components  are  not  customizable.  The  component  enables  state  changes.  For  details, 
see  Button  component. 

2  Define  your  button  states. 

Up  frame  The  appearance  of  the  button  when  the  user  is  not  interacting  with  it. 

Over  frame  The  appearance  of  the  button  as  the  user  is  about  to  select  it. 

Down  frame  The  appearance  of  the  button  as  the  user  selects  it. 

Hit  frame  The  area  that  is  responsive  to  clicks  by  the  user.  Defining  this  Hit  frame  is  optional.  If  your  button  is  small, 
or  if  its  graphic  area  is  not  contiguous,  defining  this  frame  can  be  useful. 

•  The  contents  of  the  Hit  frame  are  not  visible  on  the  Stage  during  playback. 

•  The  graphic  for  the  Hit  frame  is  a  solid  area  large  enough  to  encompass  all  graphic  elements  of  the  Up,  Down, 
and  Over  frames. 

•  If  you  don’t  specify  a  Hit  frame,  the  image  for  the  Up  state  is  used. 

You  can  make  a  button  that  responds  when  a  different  area  of  the  stage  is  clicked  or  rolled  over  (also  called  a 
disjoint  rollover).  Place  the  Hit  frame  graphic  in  a  different  location  than  the  other  button  frame  graphics. 

3  Associate  an  action  with  the  button. 

To  make  something  happen  when  the  user  selects  a  button,  you  add  ActionScript  code  to  the  Timeline.  Place  the 
ActionScript  code  in  the  same  frames  as  the  buttons.  The  Code  Snippets  panel  has  pre-written  ActionScript  3.0  code 
for  many  common  button  uses.  See  Add  interactivity  with  code  snippets  . 

Note:  ActionScript  2.0  is  not  compatible  with  ActionScript  3.0.  If  your  version  of  Flash  uses  ActionScript  3.0,  you  can’t 
paste  ActionScript  2.0  code  into  your  button  (and  vice  versa).  Before  you  paste  ActionScript  from  another  source  into 
your  buttons,  verify  that  the  version  is  compatible. 
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Create  a  button  with  a  button  symbol 

To  make  a  button  interactive,  you  place  an  instance  of  the  button  symbol  on  the  Stage  and  assign  actions  to  the  instance. 
You  assign  the  actions  to  the  root  timeline  of  the  FLA  file.  Do  not  add  actions  to  the  timeline  of  the  button  symbol.  To 
add  actions  to  the  button  timeline,  use  a  movie  clip  button  instead. 

1  Choose  Edit  >  Deselect  All,  or  click  an  empty  area  of  the  Stage  to  ensure  that  nothing  is  selected  on  the  Stage. 

2  Choose  Insert  >  New  Symbol. 

3  In  the  Create  New  Symbol  dialog  box,  enter  a  name.  For  the  symbol  Type,  select  Button. 

Flash  Pro  switches  to  symbol-editing  mode.  The  Timeline  changes  to  display  four  consecutive  frames  labeled  Up, 
Over,  Down,  and  Hit.  The  first  frame,  Up,  is  a  blank  keyframe. 

4  To  create  the  Up  state  button  image,  select  the  Up  frame  in  the  Timeline.  Then  use  the  drawing  tools,  import  a 
graphic,  or  place  an  instance  of  another  symbol  on  the  Stage. 

You  can  use  graphic  symbols  or  movie  clip  symbols  inside  a  button,  but  you  cannot  use  another  button  symbol. 

5  In  the  Timeline,  click  the  Over  frame,  and  then  choose  Insert  >  Timeline  >  Keyframe. 

Flash  Pro  inserts  a  keyframe  that  duplicates  the  contents  of  the  preceding  Up  frame. 

6  With  the  Over  frame  still  selected,  change  or  edit  the  button  image  on  the  Stage  to  create  the  appearance  you  want 
for  the  Over  state. 

7  Repeat  steps  5  and  6  for  the  Down  frame  and  the  optional  Hit  frame. 

8  To  assign  a  sound  to  a  state  of  the  button,  select  that  state’s  frame  in  the  Timeline  and  choose  Window  >  Properties. 
Then  select  a  sound  from  the  Sound  menu  in  the  Property  inspector.  Only  sounds  you  have  already  imported  appear 
in  the  Sound  menu. 

9  When  you  finish,  choose  Edit  >  Edit  Document.  Flash  returns  you  to  the  main  timeline  of  your  FLA  file.  To  create 
an  instance  of  the  button  you  created  on  the  Stage,  drag  the  button  symbol  from  the  Library  panel  to  the  Stage. 

1 0  To  test  a  button’s  functionality,  use  the  Control  >  Test  command.  You  can  also  preview  the  states  of  a  button  symbol 
on  the  Stage  by  choosing  Control  >  Enable  Simple  Buttons.  This  command  allows  you  to  see  the  up,  over,  and  down 
states  of  a  button  symbol  without  using  Control  >  Test. 


Enable,  edit,  and  test  button  symbols 

By  default,  Flash  Pro  keeps  button  symbols  disabled  as  you  create  them.  Select  and  then  enable  a  button  to  see  it  respond 
to  mouse  events.  Best  practice  is  to  disable  buttons  as  you  work  and  enable  them  to  quickly  test  their  behavior. 

•  To  select  a  button,  use  the  Selection  tool  to  drag  a  selection  rectangle  around  the  button. 

•  To  enable  or  disable  buttons  on  the  Stage,  choose  Control  >  Enable  Simple  buttons.  This  command  acts  as  a  toggle 
between  the  two  states. 

•  To  move  a  button,  use  the  arrow  keys. 

•  To  edit  a  button,  use  the  Property  inspector.  If  it  isn’t  visible,  choose  Windows  >  Properties. 

•  To  test  the  button  in  the  authoring  environment,  choose  Control  >  Enable  Simple  Buttons. 

•  To  test  the  button  in  Flash  Player,  choose  Control  >  Test  Movie  [or  Test  Scene]  >  Test.  This  method  is  the  only  way 
to  test  movie  clip  buttons. 

•  To  test  the  button  in  the  Library  Preview  panel,  select  the  button  in  the  Library  and  click  Play. 
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Troubleshooting  buttons 

Use  these  resources  to  troubleshoot  common  problems  with  buttons: 

•  TechNote:  Button  hotspots  are  active  even  though  the  buttons  are  covered  with  other  objects  (Adobe.com) 

•  TechNote:  Adding  actions  to  shared  buttons  (Adobe.com) 

•  Video:  Troubleshooting  ActionScript  2.0  button  symbols  (Kirupa.com) 

Additional  button  resources 

The  following  TechNotes  contain  instructions  for  some  specific  button  scenarios: 

•  TechNote:  How  to  create  a  new  button  (Adobe.com) 

•  TechNote:  Creating  advanced  buttons  (Adobe.com) 

•  TechNote:  How  can  one  button  do  different  things  at  different  times?  (Adobe.com) 


Working  with  multiple  timelines 


About  multiple  timelines  and  levels 

Flash*  Player  has  a  stacking  order  of  levels.  Every  Flash  Professional  document  has  a  main  Timeline  located  at  level  0 
in  Flash  Player.  You  can  use  the  loadMovie  command  to  load  other  Flash  Professional  documents  (SWF  files)  into  Flash 
Player  at  different  levels. 

If  you  load  documents  into  levels  above  level  0,  the  documents  stack  on  top  of  one  another  like  drawings  on  transparent 
paper;  when  there  is  no  content  on  the  Stage,  you  can  see  through  to  the  content  on  lower  levels.  If  you  load  a  document 
into  level  0,  it  replaces  the  main  timeline.  Each  document  loaded  into  a  level  of  Flash  Player  has  its  own  timeline. 

Timelines  can  send  messages  to  each  other  with  ActionScript.  For  example,  an  action  on  the  last  frame  of  one  movie 
clip  can  tell  another  movie  clip  to  play.  To  use  ActionScript  to  control  a  timeline,  you  must  use  a  target  path  to  specify 
the  location  of  the  timeline. 

For  more  information,  see  the  MovieClip. loadMovie  method  in  the  ActionScript  2.0  Language  Reference. 


About  nested  movie  dips  and  parent-child  hierarchy 

When  you  create  a  movie  clip  instance  in  a  Flash  Professional  document,  the  movie  clip  has  its  own  timeline.  Every 
movie  clip  symbol  has  its  own  timeline.  The  movie  clip’s  timeline  is  nested  inside  the  main  timeline  of  the  document. 
You  can  also  nest  a  movie  clip  instance  inside  another  movie  clip  symbol. 

When  a  movie  clip  is  created  inside  a  Flash  Professional  document,  or  nested  inside  another  movie  clip,  it  becomes  a 
child  of  that  document  or  movie  clip,  which  becomes  the  parent.  Relationships  between  nested  movie  clips  are 
hierarchical:  modifications  made  to  the  parent  affect  the  child.  The  root  Timeline  for  each  level  is  the  parent  of  all  the 
movie  clips  on  its  level,  and  because  it  is  the  top-most  Timeline,  it  has  no  parent.  In  the  Movie  Explorer  panel,  you  can 
view  the  hierarchy  of  nested  movie  clips  in  a  document  by  choosing  Show  Symbol  Definitions  from  the  panel  menu. 

To  understand  movie  clip  hierarchy,  consider  the  hierarchy  on  a  computer:  the  hard  disk  has  a  root  directory  (or  folder) 
and  subdirectories.  The  root  directory  is  analogous  to  the  main  (or  root)  Timeline  of  a  Flash  Professional  document:  it 
is  the  parent  of  everything  else.  The  subdirectories  are  analogous  to  movie  clips. 
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You  can  use  the  movie  clip  hierarchy  in  Flash  Professional  to  organize  related  objects.  For  example,  you  could  create  a 
Flash  Professional  document  containing  a  car  that  moves  across  the  Stage.  You  can  use  a  movie  clip  symbol  to  represent 
the  car  and  set  up  a  motion  tween  to  move  it  across  the  Stage. 

To  add  wheels  that  rotate,  you  can  create  a  movie  clip  for  a  car  wheel,  and  create  two  instances  of  this  movie  clip,  named 
front  Wheel  and  backWheel.  Then  you  can  place  the  wheels  on  the  car  movie  clip’s  Timeline — not  on  the  main  Timeline. 
As  children  of  car,  front  Wheel  and  backWheel  are  affected  by  any  changes  made  to  car;  they  move  with  the  car  as  it 
tweens  across  the  Stage. 

To  make  both  wheel  instances  spin,  you  can  set  up  a  motion  tween  that  rotates  the  wheel  symbol.  Even  after  you  change 
front  Wheel  and  backWheel,  they  continue  to  be  affected  by  the  tween  on  their  parent  movie  clip,  car;  the  wheels  spin, 
but  they  also  move  with  the  parent  movie  clip  car  across  the  Stage. 

More  Help  topics 

Symbols,  instances,  and  library  assets 


Working  with  scenes 

To  organize  a  document  thematically,  you  can  use  scenes.  For  example,  you  might  use  separate  scenes  for  an 
introduction,  a  loading  message,  and  credits.  Though  using  scenes  has  some  disadvantages,  there  are  some  situations 
in  which  few  of  these  disadvantages  apply,  such  as  when  you  create  lengthy  animations.  When  you  use  scenes,  you  avoid 
having  to  manage  a  large  number  of  FLA  files  because  each  scene  is  contained  within  a  single  FLA  file. 

Using  scenes  is  similar  to  using  several  FLA  files  together  to  create  a  larger  presentation.  Each  scene  has  a  Timeline. 
Frames  in  the  document  are  numbered  consecutively  through  the  scenes.  For  example,  if  a  document  contains  two 
scenes  with  ten  frames  each,  the  frames  in  Scene  2  are  numbered  1 1-20.  The  scenes  in  the  document  play  back  in  the 
order  they  are  listed  in  the  Scene  panel.  When  the  playhead  reaches  the  final  frame  of  a  scene,  the  playhead  progresses 
to  the  next  scene. 

Disadvantages  of  scenes 

When  you  publish  a  SWF  file,  the  Timeline  of  each  scene  combines  into  a  single  Timeline  in  the  SWF  file.  After  the 
SWF  file  compiles,  it  behaves  as  if  you  created  the  FLA  file  using  one  scene.  Because  of  this  behavior,  scenes  have  some 
disadvantages: 

•  Scenes  can  make  documents  confusing  to  edit,  particularly  in  multi-author  environments.  Anyone  using  the  FLA 
document  might  have  to  search  several  scenes  within  a  FLA  file  to  locate  code  and  assets.  Consider  loading  external 
SWF  content  or  using  movie  clips  instead. 

•  Scenes  often  result  in  large  SWF  files.  Using  scenes  encourages  you  to  place  more  content  in  a  single  FLA  file,  which 
results  in  larger  FLA  files  and  SWF  files. 

•  Scenes  force  users  to  progressively  download  the  entire  SWF  file,  even  if  they  do  not  plan  or  want  to  watch  all  of  it. 
If  you  avoid  scenes,  users  can  control  what  content  they  download  as  they  progress  through  your  SWF  file. 

•  Scenes  combined  with  ActionScript  might  produce  unexpected  results.  Because  each  scene  Timeline  is  compressed 
onto  a  single  Timeline,  you  might  encounter  errors  involving  your  ActionScript  and  scenes,  which  typically  require 
extra,  complicated  debugging. 

Controlling  scene  playback 

To  stop  or  pause  a  document  after  each  scene,  or  to  let  users  navigate  the  document  in  a  nonlinear  fashion,  you  use 
ActionScript.  For  more  information  see, . 
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This  video  tutorial  demonstrates  how  to  create  and  use  scenes: 

❖  Video:  Understanding  Flash  Scenes 

Display  the  Scene  panel 

❖  Select  Window  >  Other  Panels  >  Scene. 

Add  a  scene 

❖  Select  Insert  >  Scene,  or  click  the  Add  Scene  button  jjin  the  Scene  panel. 

Delete  a  scene 

❖  Click  the  Delete  Scene  button  jjjf  in  the  Scene  panel. 

Change  the  name  of  a  scene 

❖  Double-click  the  scene  name  in  the  Scene  panel  and  enter  the  new  name. 

Duplicate  a  scene 

❖  Click  the  Duplicate  Scene  button  4jin  the  Scene  panel. 

Change  the  order  of  a  scene  in  the  document 

❖  Drag  the  scene  name  to  a  different  location  in  the  Scene  panel. 

View  a  particular  scene 

❖  Do  one  of  the  following: 

•  Select  View  >  Go  To,  and  then  select  the  name  of  the  scene  from  the  submenu. 

•  Click  on  the  Edit  Scene  button  at  the  upper  right  corner  of  the  document  window  and  choose  the  scene  name 
from  the  pop-up  menu. 


Best  practices  -  Advertising  with  Flash 


Using  recommended  dimensions 

Use  the  Interactive  Advertising  Bureau  (IAB)  guidelines  to  set  dimensions  for  your  Flash  Professional  advertisements. 
The  following  table  lists  the  recommended  Interactive  Marketing  Unit  (IMU)  ad  formats  measurements: 
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Type  of  advertisement 

Dimensions  (pixels) 

Wide  skyscraper 

160x600 

Skyscraper 

120x600 

Half-page  ad 

300  x  600 

Full  banner 

468  x  60 

Half  banner 

234  x  60 

Micro  bar 

88x31 

Button  1 

1 20  x  90 

Button  2 

1 20  x  60 

Vertical  banner 

120x240 

Square  button 

125x125 

Leaderboard 

728  x  90 

Medium  rectangle 

300x250 

Square  pop-up 

250x250 

Vertical  rectangle 

240x400 

Large  rectangle 

336x280 

Rectangle 

180x150 

When  you  create  a  FLA  file  from  a  template  (Select  File  >  New,  and  click  the  Templates  tab),  you  see  many  of  these  sizes. 


Creating  SWF  file  advertisements 

Use  these  guidelines  when  you  create  advertisements: 

•  Optimize  your  graphics.  Make  SWF  file  banner  advertisements  15K  or  smaller. 

•  Create  a  GIF  banner  advertisement  in  Flash  Professional  that  is  12K  or  smaller. 

•  Limit  looping  banner  advertisements  to  three  repetitions.  Many  websites  adopt  the  standardized  file  size 
recommendations  as  advertising  specifications. 

•  Use  the  GET  command  to  pass  data  between  an  advertisement  and  a  server,  and  do  not  use  the  POST  command. 
For  more  information  on  GET  and  POST,  see  the  getURL  function  in  ActionScript  2.0  Language  Reference. 

Note:  Provide  control  to  the  user.  If  you  add  sound  to  an  advertisement,  also  add  a  mute  button.  If  you  create  a  transparent 
Flash  Professional  ad  that  hovers  over  a  web  page,  provide  a  button  to  close  the  advertisement  for  its  duration. 

Tracking  advertisements 

Several  leading  advertising  networks  now  support  standardized  tracking  methods  in  Flash  Professional  SWF  files.  The 
following  guidelines  describe  the  supported  tracking  methodology: 

Create  a  button  or  movie  clip  button  Use  standardized  dimensions  outlined  by  the  IAB.  For  a  list  of  standardized 
dimensions,  see  the  IAB  website.  For  more  information  on  creating  a  button  in  Flash  Professional,  see  Creating  buttons. 
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Add  a  script  to  the  button  Executes  when  a  user  clicks  the  banner.  You  might  use  the  getURL()  function  to  open  a  new 
browser  window.  The  following  code  snippets  are  two  examples  of  ActionScript  2.0  code  you  might  add  to  Frame  1  of 
the  Timeline: 

myButton_btn . onRelease  =  function!) { 
getURL (clickTAG,  "_blank"); 

} ; 

You  might  add  the  following  code  to  Frame  1  of  the  Timeline: 

myButton_btn . onRelease  =  function!)  { 

if  (clickTAG . substr ( 0 ,  5)  ==  "http:")  { 
getURL (clickTAG) ; 

} 

} ; 

The  getURL()  function  adds  the  variable  passed  in  the  object  and  embed  tags,  and  then  sends  the  browser  that  is 
launched  to  the  specified  location.  The  server  hosting  the  ad  can  track  clicks  on  the  advertisement.  For  more 
information  on  using  the  getURL()  function,  see  ActionScript  2.0  Language  Reference. 

Assign  clickTAG  code  for  tracking  Tracks  the  advertisement  and  helps  the  network  serving  the  ad  to  track  where  the  ad 
appears  and  when  it  is  clicked. 

The  process  is  the  standard  way  of  creating  an  advertising  campaign  for  a  typical  Flash  Professional  advertisement.  If 
you  assign  the  getURL()  function  to  the  banner,  you  can  use  the  following  process  to  add  tracking  to  the  banner.  The 
following  example  lets  you  append  a  variable  to  a  URL  string  to  pass  data,  which  lets  you  set  dynamic  variables  for  each 
banner,  instead  of  creating  a  separate  banner  for  each  domain.  You  can  use  a  single  banner  for  the  entire  campaign,  and 
any  server  that  is  hosting  the  ad  can  track  the  clicks  on  the  banner. 

In  the  object  and  embed  tags  in  your  HTML,  you  would  add  code  similar  to  the  following  example  (where 
www.helpexamples.com  is  the  ad  network,  and  adobe.com  is  the  company  with  an  advertisement): 

< EMBED  src= "your_ad . swf ?clickTAG=  http : / /helpexamples . com/ tracking? http : //www . adobe . com" > 

Add  the  following  code  in  your  HTML: 

<PARAM  NAME =mo  vie  VALUE  =  "your_ad .  swf  ? clickTAG  -http  : 

/ /helpexamples . com/tracking?http : //www . adobe . com" > 

<<  this  HTML  stuff  may  need  to  be  updated 

to  account  for  the  Active  content  fix,  which  likely  will  cause  users 
to  edit  .js  files  instead  of  html  files  -  JayA  >> 

For  more  information  on  advanced  tracking  techniques,  see  the  Rich  Media  Advertising  Center  at 
www. adobe.com/go/ rich_media_ads. 

To  download  the  Rich  Media  Tracking  Kit,  which  includes  examples  and  documentation,  see 
www. adobe.com/go/ richmedia_tracking. 

To  learn  more  about  and  download  the  Flash  Ad  Kit,  which  helps  you  deliver  integrated  and  sophisticated 
advertisements,  see  www.adobe.com/go/learn_fl_flash_ad_kit. 
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Testing  your  ads 

Test  your  SWF  file  ad  on  the  most  common  browsers,  especially  the  browsers  that  your  target  audience  uses.  Some  users 
might  not  have  Flash  Player  installed  or  they  might  have  JavaScript  disabled.  Plan  for  these  circumstances  by  having  a 
replacement  (default)  GIF  image  or  other  scenarios  for  these  users.  For  more  information  on  detecting  Flash  Player,  see 
Specify  publish  settings  for  SWF  files  .  Give  the  user  control  of  the  SWF  file.  Let  the  user  control  any  audio  in  the  ad.  If 
the  advertisement  is  a  borderless  SWF  file  that  hovers  over  a  web  page,  let  the  user  close  the  advertisement  immediately 
and  for  the  duration  of  the  ad. 

For  the  latest  information  on  Flash  Player  version  penetration  for  different  regions,  go  to 
www.adobe.com/go/fp_version_penetration. 

More  Help  topics 

Optimizing  graphics  and  animation 


Add  interactivity  with  code  snippets 

The  Code  Snippets  panel  is  designed  to  make  it  easy  for  non-programmers  to  start  using  simple  JavaScript  and 
ActionScript  3.0  quickly.  It  lets  you  add  code  to  your  FLA  file  to  enable  common  functionality.  Using  the  Code  Snippets 
panel  does  not  require  knowledge  of  JavaScript  or  ActionScript  3.0. 

With  the  Code  Snippets  panel,  you  can: 

•  Add  code  that  affects  the  behavior  of  an  object  on  the  Stage 

•  Add  code  that  controls  the  movement  of  the  playhead  in  the  Timeline 

•  (CS5.5  only)  -  Add  code  that  allows  touchscreen  user-interaction 

•  Add  new  code  snippets  that  you  create  to  the  panel 

Using  the  code  snippets  included  with  Flash  is  also  a  good  way  to  begin  learning  JavaScript  or  ActionScript  3.0.  By 
looking  at  the  code  in  the  snippets  and  following  the  snippet  instructions,  you  can  begin  understanding  code  structure 
and  vocabulary. 


Before  you  begin 

When  working  with  the  Code  Snippets  panel,  it  is  important  to  understand  these  fundamentals  of  Flash: 

•  Many  of  the  code  snippets  require  you  to  customize  a  few  items  in  the  code.  In  Flash  Pro  you  can  do  this  in  the 
Actions  panel.  Each  snippet  contains  specific  instructions  for  this  task. 

•  All  of  the  included  code  snippets  are  either  JavaScript  or  ActionScript  3.0. 

•  Some  snippets  affect  the  behavior  of  an  object,  allowing  it  to  be  clicked  or  causing  it  to  move  or  disappear.  You  apply 
these  snippets  to  the  object  on  the  Stage. 

•  Some  snippets  cause  an  action  to  occur  immediately  when  the  playhead  enters  the  frame  that  contains  the  snippet. 
You  apply  these  snippets  to  a  Timeline  frame. 

•  When  you  apply  a  code  snippet,  the  code  is  added  to  the  current  frame  of  the  Actions  layer  in  the  Timeline.  If  you 
have  not  created  an  Actions  layer  yourself,  Flash  adds  one  above  all  other  layers  in  the  Timeline. 

•  For  ActionScript  to  control  an  object  on  the  Stage,  the  object  must  have  an  instance  name  assigned  in  the  Property 
inspector. 

•  You  can  click  the  Show  Description  and  Show  Code  buttons  that  appear  when  you  select  a  snippet  in  the  panel. 
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Additional  videos  and  tutorials 

•  Video:  Creating  an  application  with  the  Code  Snippets  panel  (12:11,  Adobe  TV) 

•  Video:  Creating  a  zoom  in  and  spin  custom  snippet  (10:20,  flashandmath.com) 

•  Tutorial:  Code  snippets  for  beginning  ActionScript  3  programmers  and  designers  -  Flash  Pro  CS5 

Add  a  code  snippet  to  an  object  or  Timeline  frame 

To  add  an  action  that  affects  an  object  or  the  playhead: 

1  Select  an  object  on  the  Stage  or  a  frame  in  the  Timeline. 

If  you  select  an  object  that  is  not  a  symbol  instance,  Flash  converts  the  object  to  a  movie  clip  symbol  when  you  apply 
the  snippet. 

If  you  select  an  object  that  does  not  already  have  an  instance  name,  Flash  adds  one  when  you  apply  the  snippet. 

2  In  the  Code  Snippets  panel  (Window  >  Code  Snippets),  double-click  the  snippet  you  want  to  apply. 

If  you  selected  an  object  on  the  Stage,  Flash  adds  the  snippet  to  the  Actions  panel  in  the  frames  containing  the 
selected  object. 

If  you  selected  a  Timeline  frame,  Flash  adds  the  snippet  to  just  that  frame. 

3  In  the  Actions  panel,  view  the  newly  added  code  and  replace  any  necessary  items  according  to  the  instructions  at 
the  top  of  the  snippet. 


(Flash  CS5.5)  Add  a  code  snippet  to  an  object  or  Timeline  frame 

To  add  an  action  that  affects  an  object  or  the  playhead: 

1  Select  the  snippet  you  want  to  apply  in  the  Code  Snippets  panel  (Window  >  Code  Snippets). 

2  To  display  a  description  of  the  snippet,  click  the  Show  Description  button  that  appears  to  the  right  of  the  selected 
snippet. 

3  To  display  the  code  within  the  snippet,  click  the  Show  Code  button  to  the  right  of  the  snippet. 

4  If  the  snippet  contains  the  text  “instance_name_here”,  drag  from  that  text  to  the  instance  on  the  Stage  that  you  want 
to  the  code  to  control.  To  drag-and-drop,  the  symbol  instance  must  be  a  movie  clip  or  a  button. 

If  the  instance  does  not  yet  have  a  name,  a  dialog  box  appears  to  allow  you  to  enter  a  name  for  the  instance. 

You  can  also  click  the  text  and  enter  the  instance  name  directly  in  the  code.  Use  this  method  of  you  are  working  with 
a  shape  or  graphic  symbol  instance. 

5  If  the  snippet  contains  other  colored  text,  select  the  text  and  enter  the  correct  information  according  to  the 
instructions  inside  the  code  snippet. 

6  When  you  finish  editing  the  code  snippet,  click  the  Insert  button. 

Flash  adds  the  code  to  the  Actions  layer.  If  no  Actions  layer  exists,  Flash  creates  one. 

If  you  selected  an  object  on  the  Stage,  Flash  adds  the  snippet  to  the  Actions  panel  in  the  frames  containing  the 
selected  object. 

If  you  selected  a  Timeline  frame,  Flash  adds  the  snippet  to  the  Actions  layer  in  just  that  frame. 

7  (Optional)  To  view  the  inserted  code,  open  the  Actions  panel  (Window  >  Actions). 
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Add  new  snippets  to  the  Code  Snippets  panel 

You  can  add  new  code  snippets  to  the  Code  Snippets  panel  in  two  ways: 

•  Enter  a  snippet  in  the  Create  New  Code  Snippet  dialog  box. 

•  Import  a  code  snippet  XML  file. 

To  use  the  Create  New  Code  Snippet  dialog  box: 

1  In  the  Code  Snippets  panel,  choose  Create  New  Code  Snippet  from  the  panel  menu. 

2  In  the  dialog  box,  Enter  the  Title,  Tool  tip  text,  and  JavaScript  or  ActionScript  3.0  code  for  your  snippet. 

You  can  add  any  code  that  is  currently  selected  in  the  Actions  panel  by  clicking  the  Auto-Fill  button. 

3  Select  the  Automatically  replace  instance_name_here  check  box  if  your  code  includes  the  string 
“instance_name_here”  and  you  want  Flash  to  replace  it  with  the  correct  instance  name  when  the  snippet  is  applied. 

Flash  adds  the  new  snippet  to  the  Code  Snippets  panel  in  a  folder  called  Custom. 

To  import  a  code  snippet  in  XML  format: 

1  In  the  Code  Snippets  panel,  choose  Import  Code  Snippets  XML  from  the  panel  menu. 

2  Select  the  XML  file  you  want  to  import  and  click  Open 

To  see  the  correct  XML  format  for  code  snippets,  choose  Edit  Code  Snippets  XML  from  the  panel  menu. 

To  delete  a  code  snippet,  right-click  the  snippet  in  the  panel  and  choose  Delete  Code  Snippet  from  the  context  menu. 


Using  mask  layers 


About  mask  layers 

For  spotlight  effects  and  transitions,  use  a  mask  layer  to  create  a  hole  through  which  underlying  layers  are  visible.  A 
mask  item  can  be  a  filled  shape,  a  type  object,  an  instance  of  a  graphic  symbol,  or  a  movie  clip.  Group  multiple  layers 
under  a  single  mask  layer  to  create  sophisticated  effects. 

To  create  dynamic  effects,  animate  a  mask  layer.  For  a  filled  shape  used  as  a  mask,  use  shape  tweening;  for  a  type  object, 
graphic  instance,  or  movie  clip,  use  motion  tweening.  When  using  a  movie  clip  instance  as  a  mask,  animate  the  mask 
along  a  motion  path. 

To  create  a  mask  layer,  place  a  mask  item  on  the  layer  to  use  as  a  mask.  Instead  of  having  a  fill  or  stroke,  the  mask  item 
acts  as  a  window  that  reveals  the  area  of  linked  layers  beneath  it.  The  rest  of  the  mask  layer  conceals  everything  except 
what  shows  through  the  mask  item.  A  mask  layer  can  contain  only  one  mask  item.  A  mask  layer  cannot  be  inside  a 
button,  and  you  cannot  apply  a  mask  to  another  mask. 

To  create  a  mask  layer  from  a  movie  clip,  use  ActionScript.  A  mask  layer  created  with  ActionScript  can  be  applied  only 
to  another  movie  clip.  See  Using  Movie  Clips  as  Masks  in  Learning  ActionScript  2.0  in  Adobe  Flash. 

Note:  The  3D  tools  cannot  be  used  on  objects  on  mask  layers  and  layers  containing  3D  objects  cannot  be  used  as  mask 
layers.  For  more  information  about  the  3D  tools,  see  3D  graphics. 
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The  following  video  tutorials  demonstrate  creating  and  animating  mask  layers.  Some  videos  may  show  the  Flash 
Professional  CS3  or  CS4  workspace,  but  are  still  applicable  to  Flash  Professional  CS5. 

•  Layers  TV  -  Episode  21:  Masks  in  Flash  (9:25) 

•  Creating  and  Animating  Masks  (CS3)  (2:12) 


Work  with  mask  layers 

You  can  use  mask  layers  to  reveal  portions  of  a  picture  or  graphic  in  the  layer  below  To  create  a  mask,  you  specify  that 
a  layer  is  a  mask  layer,  and  either  draw  or  place  a  filled  shape  on  that  layer.  You  can  use  any  filled  shape,  including 
groups,  text,  and  symbols,  as  a  mask.  The  mask  layer  reveals  the  area  of  linked  layers  beneath  the  filled  shape. 

Create  a  mask  layer 

1  Select  or  create  a  layer  containing  the  objects  to  appear  inside  the  mask. 

2  Select  Insert  >  Timeline  >  Layer  to  create  a  new  layer  above  it.  A  mask  layer  always  masks  the  layer  immediately 
below  it;  create  the  mask  layer  in  the  proper  place. 

3  Place  a  filled  shape,  text,  or  an  instance  of  a  symbol  on  the  mask  layer.  Flash  Professional  ignores  bitmaps,  gradients, 
transparency,  colors,  and  line  styles  in  a  mask  layer.  Any  filled  area  is  completely  transparent  in  the  mask;  any  non¬ 
filled  area  is  opaque. 

4  Right-click  (Windows)  or  Control-click  (Macintosh)  the  mask  layer’s  name  in  the  Timeline,  and  select  Mask.  A  mask 
layer  icon  indicates  the  mask  layer.  The  layer  immediately  below  it  is  linked  to  the  mask  layer,  and  its  contents  show 
through  the  filled  area  on  the  mask.  The  masked  layer  name  is  indented,  and  its  icon  changes  to  a  masked  layer  icon. 

5  To  display  the  mask  effect  in  Flash  Professional,  lock  the  mask  layer  and  the  masked  layer. 

Mask  additional  layers  after  creating  a  mask  layer 

❖  Do  one  of  the  following: 

•  Drag  an  existing  layer  directly  below  the  mask  layer. 

•  Create  a  new  layer  anywhere  below  the  mask  layer. 

•  Select  Modify  >  Timeline  >  Layer  Properties,  and  select  Masked. 

Unlink  layers  from  a  mask  layer 

❖  Select  the  layer  to  unlink  and  do  one  of  the  following: 

•  Drag  the  layer  above  the  mask  layer. 

•  Select  Modify  >  Timeline  >  Layer  Properties,  and  select  Normal. 

Animate  a  filled  shape,  type  object,  or  graphic  symbol  instance  on  a  mask  layer 

1  Select  the  mask  layer  in  the  Timeline. 

2  To  unlock  the  mask  layer,  click  in  the  Lock  column. 

3  Do  one  of  the  following: 

•  If  the  mask  object  is  a  filled  shape,  apply  shape  tweening  to  the  object. 

•  If  the  mask  object  is  a  type  object  or  graphic  symbol  instance,  apply  motion  tweening  to  the  object. 

4  When  the  animation  operation  is  complete,  click  in  the  Lock  column  for  the  mask  layer  to  re-lock  the  layer. 
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Animate  a  movie  clip  on  a  mask  layer 

1  Select  the  mask  layer  in  the  Timeline. 

2  To  edit  the  movie  clip  in  place  and  to  display  the  movie  clip’s  Timeline,  double-click  the  movie  clip  on  the  Stage. 

3  Apply  motion  tweening  to  the  movie  clip. 

4  When  the  animation  procedure  is  complete,  click  the  Back  button  to  return  to  document-editing  mode. 

5  To  lock  the  layer  again,  click  in  the  Lock  column  for  the  mask  layer. 

More  Help  topics 

Motion  tweens 


Five  steps  to  learning  Flash  Professional 

This  learning  guide  will  help  you  quickly  get  started  and  achieve  a  great  understanding  of  building  projects  and 
applications  using  Adobe  Flash  Professional  CS6. 

Five  steps  to  learning  Flash  Professional 


Learn  Flash  Professional  CS6  video  tutorials 


Learn  the  basics  of  Flash  Pro  CS6  with  Getting  Started  and  New  Features  tutorials  by  product  experts. 
Learn  Flash  Professional  CS6  video  tutorials 


Altering  the  Curve  of  a  motion 

In  this  video  you  will  learn  about  altering  the  curve  of  a  motion  in  Flash  CS5. 
Altering  the  Curve  of  a  motion 


Animation  Learning  Guide  for  Flash 

Adobe  Flash  Professional  CS5.5  offers  several  ways  to  include  animation  in  your  projects.  The  Animation  Learning 
Guide  for  Flash  explains  how  to  use  all  of  these  animation  types  in  Flash  Professional,  including  the  improved  way  of 
creating  and  editing  motion  tweens  using  the  Timeline  and  Motion  Editor.  Explore  the  sections  below  to  dive  into 
whatever  topic  interests  you. 

Animation  Learning  Guide  for  Flash 
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Graphic  Effects  Learning  Guide  for  Flash 

Adobe  Flash  Professional  CS5  provides  a  number  of  features  for  producing  impressive  graphic  effects,  enhancing  the 
look  and  feel  of  your  projects.  The  Graphic  Effects  Learning  Guide  for  Flash  explores  these  features,  from  basic  tasks 
such  as  using  tiles  and  blend  modes  to  more  advanced  concepts  such  as  animating  filters  and  applying  masks  using 
ActionScript.  Check  out  the  sections  below  and  dive  into  whatever  topic  interests  you. 

Graphic  Effects  Learning  Guide  for  Flash 


Spring  for  Bones 

In  this  video  Paul  will  show  you  how  to  not  only  use  inverse  kinematics  in  Flash,  but  also  how  to  make  movement  feel 
more  lifelike  by  giving  it  some  natural  springiness. 

Spring  for  Bones 


Text  Layout  Framework 

Join  trainer  Paul  Trani  as  he  demonstrates  some  of  the  new  text  layout  features  in  Flash  Professional  CS5. 
Text  Layout  Framework 


Using  the  Deco  Tool 

In  this  video  you  will  learn  about  content  aware  scaling  in  Flash  CS5. 
Using  the  Deco  Tool 


Avoiding  common  authoring  mistakes  in  Flash 
Professional 


This  series  of  articles  outlines  common  authoring  mistakes  that  can  cause  issues  in  your  Adobe  Flash  Professional 
projects,  and  offers  techniques  you  can  apply  to  prevent  them  from  occurring.  These  guidelines  also  show  you  ways  to 
work  more  efficiently  and  so  you'll  encounter  fewer  performance  problems  and  runtime  errors. 

Avoiding  common  authoring  mistakes  in  Flash  Professional 
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Chapter  5:  Multimedia  and  Video 


Working  with  video  cue  points 

note:  (Flash  Professional  CC  only)  Video  Cue  Points  feature  is  deprecated  and  will  he  unavailable  with  Flash  Professional 
CCUse  video  cue  points  to  allow  events  to  be  triggered  at  specific  times  in  the  video.  There  are  two  kinds  of  cue  points 
that  you  can  work  with  in  Flash: 

•  Encoded  cue  points.  These  are  cue  points  you  add  when  encoding  video  with  Adobe  Media  Encoder.  For  more 
information  about  adding  cue  points  in  Adobe  Media  Encoder,  see  Using  Adobe  Media  Encoder.  Encoded  cue 
points  can  be  accessed  by  other  applications  in  addition  to  Flash. 

•  ActionScript  cue  points.  These  are  cue  points  you  add  to  a  video  with  the  Property  inspector  in  Flash.  ActionScript 
cue  points  are  accessible  only  to  Flash  and  Flash  Player.  For  more  information  about  ActionScript  cue  points,  see 
Understanding  Cue  Points  in  the  ActionScript  3.0  Developer’s  Guide. 

When  an  FLVPlayback  component  instance  is  selected  on  the  Stage,  the  video  cue  points  list  appears  in  the  Property 
inspector.  You  can  also  preview  the  entire  video  on  the  Stage  and  add  ActionScript  cue  points  using  the  Property 
inspector  while  previewing  the  video,  including  videos  served  by  Flash  Media  Server. 

A  video  tutorial  about  working  with  video  cue  points  is  available  at  www.adobe.com/go/lrvid5302_fl_en. 

To  work  with  cue  points  in  the  Property  inspector: 

1  Import  video  as  progressive  download,  or  place  the  FLVPlayback  component  on  the  stage  and  specify  the  source 
video.  You  can  specify  the  source  video  in  the  Property  inspector. 

2  In  the  Property  inspector,  click  Cue  Points  to  expand  the  section,  if  it's  not  already  open. 

3  Click  the  Add  button  (+)  to  add  an  ActionScript  cue  point,  and  the  Delete  button  (-)  to  delete  an  existing  cue  point. 
You  can  specify  the  time  by  dragging  the  mouse  right  or  left  to  increase  or  decrease  the  timecode  value,  or  by  typing 
in  a  value. 

4  To  add  a  parameter  to  a  cue  point,  select  the  ActionScript  cue  point  and  click  the  Add  button  (+)  at  the  bottom  of 
Parameters  section. 

5  You  can  rename  the  ActionScript  cue  points  and  any  parameters  by  clicking  in  the  name  field  and  editing  the  name. 

You  can  import  and  export  lists  of  cue  point  from  within  the  Property  inspector.  Only  ActionScript  cue  points  can  be 
imported  to  avoid  conflicts  with  cue  points  that  have  already  been  embedded  inside  the  video  during  encoding. 

The  Import  and  Export  cue  point  buttons  at  the  top  of  Cue  Points  section  allow  you  to  import  or  export  cue  point  lists 
in  XML  format.  When  exporting,  the  list  includes  all  Navigation  and  Event  cue  points  which  are  embedded  in  the  video, 
along  with  all  ActionScript  cue  points  you  have  added.  When  importing,  a  dialog  showing  the  number  of  ActionScript 
cue  points  imported  is  displayed. 
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Add  video  to  Flash 


Flash  provides  several  methods  by  which  you  can  incorporate  video  into  your  Flash  document  and  play  it  back  for 
users. 


Before  you  begin 

Before  you  start  working  with  video  in  Flash  Professional,  it  is  important  to  understand  the  following  information: 

•  Flash  Professional  can  only  play  specific  video  formats. 

These  include  FLV,  F4V,  and  MPEG  video.  For  instructions  on  converting  video  in  other  formats,  see  Create  video 
for  use  in  Flash  . 

•  Use  the  separate  Adobe  Media  Encoder  application  (included  with  Flash  Professional)  to  convert  other  video 
formats  to  F4V.  For  instructions,  see  Create  video  for  use  in  Flash  . 

•  There  are  different  ways  of  adding  video  to  Flash  Professional,  each  with  advantages  in  different  situations.  See 
below  for  a  list  of  these  methods. 

•  Flash  Professional  includes  a  Video  Import  Wizard  that  opens  when  you  choose  File  >  Import  >  Import  Video. 

•  Using  the  FLVPlayback  component  is  the  simplest  way  to  quickly  get  video  playing  in  a  Flash  Professional  file. 

For  instructions,  see  Progressively  download  video  using  a  web  server. 


Methods  for  using  video  in  Flash 

You  can  use  video  in  Flash  Professional  in  different  ways: 

•  Progressive  download  from  a  web  server 

This  method  keeps  the  video  file  external  to  the  Flash  Professional  file  and  the  resulting  SWF  file.  This  keeps  the 
SWF  file  size  small.  This  is  the  most  common  method  of  using  video  in  Flash  Professional. 

•  Stream  video  using  Adobe  Flash  Media  Server. 

This  method  also  keeps  the  video  file  external  to  your  Flash  Professional  file.  Adobe  Flash  Media  Streaming  Server 
gives  you  secure  protection  of  your  video  content  in  addition  to  a  smooth  streaming  playback  experience. 

•  Embed  video  data  directly  inside  a  Flash  Professional  file 

This  method  results  in  very  large  Flash  Professional  files,  and  is  only  recommended  for  short  video  clips.  For 
instructions,  see  Embed  a  video  file  within  a  Flash  file. 


Progressively  download  video  using  a  web  server 

Progressive  downloading  lets  you  use  either  the  FLVPlayback  component  or  ActionScript  that  you  write  to  load  and 
play  back  external  FLV  or  F4V  files  in  a  SWF  file  at  runtime. 

Because  the  video  file  is  kept  external  to  the  other  Flash  Professional  content,  it’s  relatively  easy  to  update  video  content 
without  republishing  the  SWF  file. 

Progressive  downloading  provides  the  following  advantages  over  embedding  video  in  the  Timeline: 

•  During  authoring,  you  can  publish  only  your  SWF  file  to  preview  or  test  part  or  all  of  your  Flash  Professional 
content.  This  results  in  faster  preview  times  and  quicker  turnaround  on  iterative  experimentation. 

•  During  playback,  video  begins  playing  as  soon  as  the  first  segment  of  video  is  downloaded  and  cached  to  the  local 
computer’s  disk  drive. 
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•  At  runtime,  video  files  are  loaded  by  Flash  Player  from  the  computer’s  disk  drive  into  the  SWF  file,  with  no  limitation 
on  video  file  size  or  duration.  No  audio  synchronization  issues  or  memory  restrictions  exist. 

•  The  frame  rate  of  the  video  file  can  be  different  from  the  frame  rate  of  the  SWF  file,  allowing  for  greater  flexibility 
in  authoring  Flash  Professional  content. 

Import  video  for  progressive  download 

You  can  import  a  video  file  that  is  stored  locally  on  your  computer,  and  then  upload  the  video  file  to  a  server  after 
importing  it  to  your  FLA  file.  In  Flash,  when  you  import  video  for  progressive  download,  you  are  really  adding  only  a 
reference  to  the  video  file.  Flash  uses  the  reference  to  find  the  video  file  on  your  local  computer  or  on  a  web  server. 

You  can  also  import  a  video  file  that  is  already  uploaded  to  a  standard  web  server,  an  Adobe  Flash  Media  Server  (FMS), 
or  Flash  Video  Streaming  Service  (FVSS). 

1  Select  File  >  Import  >  Import  Video  to  import  the  video  clip  into  the  current  Flash  Professional  document. 

2  Select  the  video  clip  to  import.  You  can  select  either  a  video  clip  located  on  your  local  computer,  or  enter  the  URL 
of  a  video  already  uploaded  to  a  web  server  or  Flash  Media  Server. 

•  To  import  video  located  on  your  local  computer,  select  Load  external  video  with  playback  component. 

•  To  import  video  already  deployed  to  a  web  server,  Flash  Media  Server,  or  Flash  Video  Streaming  Service,  select 
Already  deployed  to  a  web  server,  Flash  Video  Streaming  Service,  or  Stream  From  Flash  Media  Server,  and  enter 
the  URL  of  the  video  clip. 

note:  The  URL  for  a  video  clip  located  on  a  web  server  will  use  the  http  communication  protocol.  The  URL  for  a 
video  clip  located  on  a  Flash  Media  Server  or  Flash  Streaming  Service  will  use  the  RTMP  communication  protocol. 

3  Select  a  skin  for  your  video  clip.  You  can  choose  to: 

•  Not  use  a  skin  with  the  FLVPlayback  component  by  selecting  None. 

•  Select  one  of  the  predefined  FLVPlayback  component  skins.  Flash  Professional  copies  the  skin  into  the  same 
folder  as  the  FLA  file.nofe:  FLVPlayback  component  skins  are  slightly  different  depending  on  whether  you  are 
creating  an  AS2-  or  AS3-based  Flash  document. 

•  Select  a  custom  skin  of  your  own  design  by  entering  the  URL  of  the  skin  on  the  web  server,  note:  If  you  choose  to 
use  a  custom  skin  invoked  from  a  remote  location,  then  live  preview  will  not  be  available  for  the  video  on  Stage. 

4  The  Video  Import  Wizard  creates  an  FLVPlayback  video  component  on  the  Stage  that  you  can  use  to  test  video 
playback  locally.  When  you  finish  creating  your  Flash  document  and  want  to  deploy  the  SWF  file  and  video  clip, 
upload  the  following  assets  to  the  web  server  or  Flash  Media  Server  hosting  your  video: 

•  If  using  a  local  copy  of  the  video  clip,  upload  the  video  clip  (which  is  located  in  the  same  folder  as  the  source 
video  clip  you  selected  with  a  .flv  extension) 

note:  Flash  Professional  uses  a  relative  path  to  point  to  the  FLV  orF4V  file  (relative  to  the  SWF  file),  letting  you  use 
the  same  directory  structure  locally  that  you  use  on  the  server.  If  the  video  was  previously  deployed  to  your  FMS  or 
the  FVSS  hosting  your  video,  you  can  skip  this  step. 

•  The  video  skin  (if  you  chose  to  use  a  skin) 

To  use  a  predefined  skin,  Flash  Professional  copies  the  skin  into  the  same  folder  as  the  FLA  file. 

•  The  FLVPlayback  component 

To  edit  the  FLVPlayback  component’s  URL  field  to  that  of  the  web  server  or  Flash  Media  Server  that  you  are 
uploading  the  video  to,  use  the  Component  inspector  (Windows  >  Component  inspector)  to  edit  the  contentPath 
parameter. 
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Stream  video  using  Adobe  Flash  Media  Server 

Flash  Media  Server  streams  media  in  real-time  to  Flash  Player  and  AIR.  Flash  Media  Server  uses  bandwidth  detection 
to  deliver  video  or  audio  content  based  on  the  user’s  available  bandwidth. 

Streaming  video  with  Flash  Media  Server  provides  the  following  advantages  over  embedded  and  progressively 
downloaded  video: 

•  Video  playback  starts  sooner  than  it  does  using  other  methods  of  incorporating  video. 

•  Streaming  uses  less  of  the  client's  memory  and  disk  space,  because  the  clients  don’t  need  to  download  the  entire  file. 

•  Network  resources  are  used  more  efficiently,  because  only  the  parts  of  the  video  that  are  viewed  are  sent  to  the  client. 

•  Delivery  of  media  is  more  secure,  because  media  is  not  saved  to  the  client’s  cache  when  streamed. 

•  Streaming  video  provides  better  tracking,  reporting,  and  logging  ability. 

•  Streaming  lets  you  deliver  live  video  and  audio  presentations,  or  capture  video  from  a  web  cam  or  digital  video 
camera. 

•  Flash  Media  Server  enables  multiway  and  multiuser  streaming  for  video  chat,  video  messaging,  and  video 
conferencing  applications. 

•  By  using  server-side  scripting  to  control  video  and  audio  streams,  you  can  create  server-side  play  lists,  synchronized 
streams,  and  more  intelligent  delivery  options  based  on  the  client’s  connection  speed. 

To  learn  more  about  Flash  Media  Server,  see  www.adobe.com/go/flash_media_server. 

To  learn  more  about  Flash  Video  Streaming  Service,  see  www.adobe.com/go/learn_fvss_en. 


Embed  a  video  file  within  a  Flash  file 

When  you  embed  a  video  file,  all  of  the  video  file  data  is  added  to  the  Flash  Professional  file.  This  results  in  a  much 
larger  Flash  Professional  file  and  subsequent  SWF  file.  The  video  is  placed  in  the  Timeline  where  you  can  see  the 
individual  video  frames  represented  in  the  Timeline  frames.  Because  each  video  frame  is  represented  by  a  frame  in  the 
Timeline,  the  frame  rate  of  the  video  clip  and  the  SWF  file  must  be  set  to  the  same  rate.  If  you  use  different  frame  rates 
for  the  SWF  file  and  the  embedded  video  clip,  video  playback  is  inconsistent. 

Note:  To  use  variable  frame  rates,  stream  the  video  using  either  progressive  downloading  or  Flash  Media  Server.  When 
you  import  video  files  using  either  of  these  methods,  the  FLV  or  F4V  files  are  self-contained  and  run  at  a  frame  rate 
separate  from  that  of  all  other  timeline  frame  rates  included  in  the  SWF  file. 


Embedded  video  works  best  for  smaller  video  clips,  with  a  playback  time  of  less  than  10  seconds.  If  you  are  using  video 
clips  with  longer  playback  times,  consider  using  progressively  downloaded  video,  or  streaming  video  using  Flash  Media 
Server. 

The  limitations  of  embedded  video  include: 

•  You  might  encounter  problems  if  the  resulting  SWF  files  become  excessively  large.  Flash  Player  reserves  a  lot  of 
memory  when  downloading  and  attempting  to  play  large  SWF  files  with  embedded  video,  which  can  cause  Flash 
Player  to  fail. 

•  Longer  video  files  (over  10  seconds  long)  often  have  synchronization  issues  between  the  video  and  audio  portions 
of  a  video  clip.  Over  time,  the  audio  track  begins  playing  out  of  sequence  with  the  video,  causing  a  less  than  desirable 
viewing  experience. 
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•  To  play  a  video  embedded  in  a  SWF  file,  the  entire  video  file  must  be  downloaded  before  the  video  starts  to  play.  If 
you  embed  an  excessively  large  video  file,  it  might  take  a  long  time  for  the  SWF  file  to  download  in  its  entirety  and 
for  playback  to  start. 

•  After  a  video  clip  is  imported,  it  cannot  be  edited.  Instead,  you  must  re-edit  and  re-import  the  video  file. 

•  When  publishing  your  SWF  file  via  the  web,  the  entire  video  must  be  downloaded  to  the  viewer’s  computer  before 
video  playback  can  begin. 

•  At  runtime,  the  entire  video  must  fit  into  the  local  memory  of  the  playback  computer. 

•  The  length  of  an  imported  video  file  cannot  exceed  16000  frames. 

•  The  video  frame  rate  and  Flash  Professional  Timeline  frame  rate  must  be  the  same.  Set  the  frame  rate  of  your  Flash 
Professional  file  to  match  the  frame  rate  of  the  embedded  video. 

You  can  preview  frames  of  an  embedded  video  by  dragging  the  playhead  along  the  Timeline  (scrubbing).  Note  that  the 
video  sound  track  does  not  playback  during  scrubbing.  To  preview  the  video  with  sound,  use  the  Test  Movie  command. 

Embedding  a  video  within  a  Flash  file 

1  Select  File  >  Import  >  Import  Video  to  import  the  video  clip  into  the  current  Flash  Professional  document. 

2  Select  one  of  the  following  options: 

Load  external  video  with  playback  component:  Imports  the  video  and  creates  an  instance  of  the  FLVPlayback 
component  to  control  video  playback. 

Embed  FLV  in  SWF  and  play  in  timeline:  Embeds  the  FLV  into  the  Flash  document  and  places  it  in  the  timeline. 

Embed  H.264  videos  in  timeline:  Embeds  H.264  videos  into  the  Flash  document.  When  you  import  a  video  using 
this  option,  it  is  placed  on  the  stage  to  be  used  as  a  guide  for  your  animation  at  design  time.  Frames  from  the  video 
are  rendered  on  the  stage  as  you  scrub  through  or  play  the  timeline.  The  audio  for  the  relevant  frames  is  also  played 
back. 

Note: 

•  When  you  try  to  publish  your  FLA  file  with  H264  video  content  on  a  layer  that  is  neither  a  guide  layer  nor  a 
hidden  layer,  a  warning  is  shown  if  the  platform  you  are  publishing  to  does  not  support  embedded  H.264  videos.. 

3  Click  Browse  and  select  the  video  file  from  your  computer  and  click  Next. 

Optional:  If  you  have  Adobe  Media  Encoder  installed  on  your  computer  and  you  want  to  convert  the  video  to 
another  format  using  AME,  click  Convert  video. 

4  Choose  the  symbol  type  with  which  to  embed  the  video. 

Embedded  Video  If  you’re  using  the  video  clip  for  linear  playback  in  the  Timeline,  importing  the  video  into  the 
Timeline  is  the  most  appropriate  method. 

Movie  Clip  A  best  practice  is  to  place  video  inside  a  movie  clip  instance,  because  you  have  the  most  control  over  the 
content.  The  video’s  Timeline  plays  independently  from  the  main  Timeline.  You  do  not  have  to  extend  your  main 
Timeline  by  many  frames  to  accommodate  the  video,  which  can  make  working  with  your  FLA  file  difficult. 

Graphic  When  you  embed  a  video  clip  as  a  graphic  symbol,  you  cannot  interact  with  the  video  using  ActionScript 
(typically  you  use  graphic  symbols  for  static  images  and  to  create  reusable  pieces  of  animation  that  are  tied  to  the 
main  Timeline). 

5  Import  the  video  clip  directly  onto  the  Stage  (and  the  Timeline)  or  as  a  library  item. 

By  default,  Flash  Professional  places  the  video  you  import  on  the  Stage.  To  import  into  the  library  only,  deselect 
Place  Instance  on  Stage. 
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If  you’re  creating  a  simple  video  presentation  with  linear  narration  and  little  to  no  interaction,  accept  the  default 
setting  and  import  the  video  to  the  Stage.  To  create  a  more  dynamic  presentation,  work  with  multiple  video  clips,  or 
add  dynamic  transitions  or  other  elements  using  ActionScript,  import  the  video  into  the  library.  After  a  video  clip 
is  in  the  library,  customize  it  by  converting  it  into  a  MovieClip  object  that  you  can  more  easily  control  with 
ActionScript. 

By  default,  Flash  Professional  expands  the  Timeline  to  accommodate  the  playback  length  of  the  video  clip  you  are 
embedding. 

If  the  video  file  contains  audio  that  you  don't  want  to  import,  deselect  Include  audio. 

6  Click  Next.  Review  the  confirmation  messages  and  click  Finish. 

The  Video  Import  wizard  embeds  the  video  into  the  SWF  file.  The  video  appears  either  on  the  Stage  or  in  the  library 
depending  on  the  embedding  options  you  chose. 

7  In  the  Property  inspector  (Window  >  Properties),  give  the  video  clip  an  instance  name,  and  make  any  modifications 
to  the  video  clip’s  properties. 

Import  video  files  into  the  library 

To  import  FLV,  F4V,  or  H.264  videos,  use  the  Import  >  Import  Video  or  Import  to  Library  commands. 

To  create  your  own  video  player,  which  dynamically  loads  FLV  or  F4V  files  from  an  external  source,  place  your  video 
inside  a  movie  clip  symbol.  When  you  load  FLV  or  F4V  files  dynamically,  adjust  the  dimensions  of  the  movie  clip  to 
match  the  actual  dimension  of  the  video  file  and  scale  the  video  by  scaling  the  movie  clip. 

Note:  A  best  practice  is  to  place  video  inside  a  movie  clip  instance,  which  gives  you  the  most  control  over  the  content.  The 
video’s  Timeline  plays  independently  from  the  main  Timeline.  You  do  not  have  to  extend  your  main  Timeline  by  many 
frames  to  accommodate  the  video,  which  can  make  working  with  your  FLA  file  difficult. 

•  To  import  an  FLV,  SWF,  or  H.264  video  file  into  the  library,  do  one  of  the  following: 

•  Select  File  >  Import  >  Import  To  Library. 

•  Select  any  existing  video  clip  in  the  Library  Panel,  and  select  Properties  from  the  Library  Panel  menu.  Click 
Import.  Locate  the  file  to  import,  and  click  Open. 

Change  the  properties  of  a  video  clip 

You  can  change  properties  for  an  instance  of  an  embedded  video  clip  on  the  Stage,  assign  the  instance  an  instance  name, 
and  change  its  width,  height,  and  position  on  the  Stage  using  the  Property  inspector.  You  can  also  swap  an  instance  of 
a  video  clip — assign  a  different  symbol  to  an  instance  of  a  video  clip.  Assigning  a  different  symbol  to  an  instance 
displays  a  different  instance  on  the  Stage  but  leaves  all  the  other  instance  properties  (such  as  dimensions  and 
registration  point)  intact. 

In  the  Video  Properties  dialog  box,  you  can  do  the  following: 

•  View  information  about  an  imported  video  clip,  including  its  name,  path,  creation  date,  pixel  dimensions,  length, 
and  file  size 

•  Change  the  video  clip  name 

•  Update  the  video  clip  if  you  modify  it  in  an  external  editor 

•  Import  an  FLV  or  F4V  file  to  replace  the  selected  clip 

•  Export  a  video  clip  as  an  FLV  or  F4V  file 

For  lessons  on  working  with  video,  see  the  Adobe  Flash  Support  Center  at  www.adobe.com/go/flash_video. 
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Change  video  instance  properties  in  the  Property  inspector 

1  Select  an  instance  of  an  embedded  or  linked  video  clip  on  the  Stage. 

2  Select  Window  >  Properties,  and  do  any  of  the  following: 

•  Enter  an  instance  name  in  the  Name  text  field  on  the  left  side  of  the  Property  inspector. 

•  Enter  values  for  W  and  H  to  change  the  dimensions  of  the  video  instance. 

•  Enter  values  for  X  and  Y  to  change  the  position  of  the  upper-left  corner  of  the  instance  on  the  Stage. 

•  Click  Swap.  Select  a  video  clip  to  replace  the  clip  currently  assigned  to  the  instance. 

note:  You  can  swap  an  embedded  video  clip  only  with  another  embedded  video  clip,  and  you  can  swap  a  linked  video 
clip  only  with  another  linked  video  clip. 

View  video  clip  properties  in  the  Video  Properties  dialog  box 

1  Select  a  video  clip  in  the  Library  Panel. 

2  Select  Properties  from  the  Library  Panel  menu,  or  click  the  Properties  button  located  at  the  bottom  of  the  Library 
Panel.  The  Video  Properties  dialog  box  is  displayed. 

Assign  a  new  name  to,  update,  or  replace  a  video 

1  Select  the  video  clip  in  the  Library  Panel  and  select  Properties  from  the  Library  Panel  menu. 

2  Do  one  of  the  following: 

•  To  assign  a  new  name,  enter  the  name  in  the  Name  text  field. 

•  To  update  a  video,  navigate  to  the  updated  video  file  and  click  Open. 

•  To  replace  a  video,  click  Import,  navigate  to  the  FLV,  F4V,  or  H.264  file  to  replace  the  current  clip,  and  click  Open. 

Control  video  playback  using  the  Timeline 

To  control  playback  of  an  embedded  video  file,  control  the  Timeline  that  contains  the  video.  For  example,  to  pause  a 
video  playing  on  the  main  Timeline,  you  would  call  a  stop()  action  that  targets  that  Timeline.  Similarly,  you  can  control 
a  video  object  in  a  movie  clip  symbol  by  controlling  the  playback  of  that  symbol’s  Timeline. 

You  can  apply  the  following  actions  to  imported  video  objects  in  movie  clips:  goTo,  play,  stop,  toggleHighQuality, 
stopAllSounds,  getURL,FScommand,  loadMovie,  unloadMovie,  ifFrameLoaded,  and  onMouseEvent.  To  apply  actions 
to  a  Video  object,  first  convert  the  Video  object  to  a  movie  clip. 

To  show  a  live  video  stream  from  a  camera,  use  ActionScript.  First,  place  a  Video  object  on  the  Stage,  select  New  Video 
from  the  Library  Panel  menu.  To  attach  the  video  stream  to  the  Video  object,  use  Video.attach Video. 

See  also  Video  and  attach  Video  (Video.attach  Video  method)  in  the  ActionScript  2.0  Language  Reference,  and  fl.video  in 
the  ActionScript  3.0  Language  Reference. 

Update  an  embedded  video  after  editing  its  source  file 

1  Select  the  video  clip  in  the  Library  Panel. 

2  Select  Properties  and  click  Update. 

The  embedded  video  clip  is  updated  with  the  edited  file.  The  compression  settings  you  selected  when  you  first 
imported  the  video  are  reapplied  to  the  updated  clip. 
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Tutorials  and  examples 

The  following  videos  and  articles  provide  additional  detailed  information  about  working  with  video  in  Flash 
Professional.  Some  videos  show  Flash  Professional  CS3  or  CS4,  but  still  apply  to  Flash  Professional  CS5. 

•  Article:  Video  Learning  Guide  for  Flash  (Adobe.com) 

•  Video:  Working  with  video  (3:23)  (Adobe.com) 

•  Video:  Importing  and  using  video  in  Flash  (CS3)  (1:50)  (Adobe.com) 

•  Video:  Flash  411  -  Video  players  for  the  Flash  phobic  (10:26)  (Adobe.com) 

•  Video:  Flash  411  -  Video  crash  course  (10:43)  (Adobe.com) 

•  Video:  Exporting  from  After  Effects  to  Flash  (6:02)  (Adobe.com) 

•  Video:  Exporting  from  After  Effects  to  Flash  via  XFL  (2:43)  (Adobe.com) 

•  Video:  Converting  metadata  and  markers  to  cue  points  (4:07)  (Adobe.com) 

•  Video:  Flash  411  -  Hookin’  up  with  Flash  Media  Server  (21:29)  (Adobe.com) 

•  Video:  Advanced  Video  Streaming  and  Mgmt  Techs  with  Flex  and  Flash  (73:45)  (Adobe.com) 

•  Article:  Video  Learning  Guide  for  Flash  (Adobe.com) 

•  Article:  Getting  started  with  the  ActionScript  3  FLVPlayback  component  (Adobe.com) 

•  Article:  Skinning  the  ActionScript  3  FLVPlayback  component  (Adobe.com) 

•  Article:  Controlling  web  video  with  ActionScript  3  FLVPlayback  programming  (Adobe.com) 

•  Article:  Web  video  template:  Spokesperson  presentation  with  synchronized  graphics  (Adobe.com) 

•  Article:  Web  video  template:  Showcase  website  for  personal  video  (Adobe.com) 

More  Help  topics 

Specify  the  contentPath  or  source  parameter 

The  FLVPlayback  component 

The  FLVPlayback  component 

Working  with  video 

Video  formats  and  Flash 

Test  document  download  performance 

About  symbols 

Playing  external  FLV  or  F4V  files  dynamically 


Create  video  files  for  use  in  Flash 

Adobe  Flash  Professional  can  incorporate  digital  video  footage  into  web-based  presentations.  The  FLV  and  F4V 
(H.264)  video  formats  offer  technological  and  creative  benefits  that  let  you  fuse  video  together  with  data,  graphics, 
sound,  and  interactive  control.  FLV  and  F4V  video  let  you  easily  put  video  on  a  web  page  in  a  format  that  almost  anyone 
can  view. 
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How  you  choose  to  deploy  your  video  determines  how  you  create  your  video  content,  and  how  you  integrate  it  with 
Flash  Professional.  You  can  incorporate  video  into  Flash  Professional  in  the  following  ways: 

Stream  video  with  Adobe  Flash  Media  Server  You  can  host  video  content  on  Adobe*  Flash*  Media  Server,  a  server 
solution  optimized  to  deliver  real-time  media.  Flash  Media  Server  uses  the  Real-Time  Messaging  Protocol  (RTMP),  a 
protocol  designed  for  real-time  server  applications  such  as  streaming  video  and  audio  content.  You  can  host  your  own 
Flash  Media  Server,  or  use  a  hosted  Flash*  Video*  Streaming  Service  (FVSS).  Adobe  has  partnered  with  several  content 
delivery  network  (CDN)  providers  to  offer  hosted  services  for  delivering  on-demand  FLV  or  F4V  file  video  across  high- 
performance,  reliable  networks.  Built  with  Flash  Media  Server  and  integrated  directly  into  the  delivery,  tracking,  and 
reporting  infrastructure  of  the  CDN  network,  FVSS  provides  the  most  effective  way  to  deliver  FLV  or  F4V  files  to  the 
largest  possible  audience  without  the  hassle  of  setting  up  and  maintaining  your  own  streaming  server  hardware  and 
network. 

To  control  video  playback  and  provide  intuitive  controls  for  users  to  interact  with  the  streaming  video,  use  the 
FLVPlayback  component,  Adobe*  ActionScript*,  or  the  Open  Source  Media  Framework  (OSMF).  For  more 
information  about  using  the  OSMF,  see  the  OSMF  documentation. 

Progressively  download  video  from  a  web  server  If  you  don’t  have  access  to  Flash  Media  Server  or  FVSS,  or  your  video 
needs  are  for  a  low- volume  website  with  only  limited  amounts  of  video  content,  you  can  consider  progressive 
downloading.  Progressively  downloading  a  video  clip  from  a  web  server  doesn’t  provide  the  real-time  performance  that 
Flash  Media  Server  does;  however,  you  can  use  relatively  large  video  clips,  and  keep  the  size  of  your  published  SWF  files 
to  a  minimum. 

To  control  video  playback  and  provide  intuitive  controls  for  users  to  interact  with  the  video,  use  the  FLVPlayback 
component  or  ActionScript. 

Embed  video  in  the  Flash  document  You  can  embed  a  small,  short-duration  video  file  directly  into  the  Flash 
Professional  document,  and  publish  it  as  part  of  the  SWF  file.  Embedding  video  content  directly  into  the  Flash 
Professional  SWF  file  significantly  increases  the  size  of  published  file,  and  is  only  suitable  for  small  video  files  (typically 
less  then  10  seconds  in  length).  In  addition,  the  audio  to  video  synchronization  (also  known  as  audio/video  sync)  can 
become  mis-synchronized  when  using  longer  video  clips  embedded  in  the  Flash  document.  Another  disadvantage  to 
embedding  video  within  the  SWF  file  is  that  you  cannot  update  the  video  without  republishing  the  SWF  file. 

Note:  When  you  try  to  publish  your  FLA  with  H264  video  content  on  a  layer  that  is  neither  a  guide  layer  nor  a  hidden 
layer,  a  warning  message  appears  that  the  platform  you  are  publishing  to  does  not  support  embedded  H.264  videos. 


Control  video  playback 

You  can  control  the  playback  of  video  in  Flash  Professional  using  the  FLVPlayback  component,  by  writing  custom 
ActionScript  to  play  an  external  video  stream,  or  by  writing  custom  ActionScript  to  control  the  playback  of  video  in  the 
Timeline  for  embedded  video. 

FLVPlayback  component  Lets  you  quickly  add  a  full-featured  FLV  playback  control  to  your  Flash  Professional 
document  and  provides  support  for  both  progressive  downloading  and  streaming  FLV  or  F4V  files.  FLVPlayback  lets 
you  easily  create  intuitive  video  controls  for  users  to  control  video  playback  and  apply  pre-made  skins,  or  apply  your 
own  custom  skins  to  the  video  interface.  For  more  information  see  The  FLVPlayback  component. 

Open  Source  Media  Framework  (OSMF)  The  OSMF  enables  developers  to  easily  choose  and  combine  pluggable 
components  to  create  high-quality,  full-featured  playback  experiences.  For  more  information,  see  the  OSMF  web  site, 
and  the  OSMF  documentation.  The  Adobe  DevNet  article  RealEyes  OSMF  Player  Sample  -  Part  1:  Setup  and 
Deployment  provides  a  detailed  example  of  working  with  the  OSMF. 

Control  external  video  using  ActionScript  Play  back  external  FLV  or  F4V  files  in  a  Flash  Professional  document  at 
runtime  using  the  NetConnection  and  NetStream  ActionScript  objects.  For  more  information  see  Controlling  external 
video  playback  with  ActionScript . 
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You  can  use  video  behaviors  (pre-written  ActionScript  scripts)  to  control  video  playback. 

Control  embedded  video  in  the  Timeline  To  control  playback  of  embedded  video  files,  you  must  write  ActionScript  to 
control  the  Timeline  containing  the  video.  For  more  information  see  Control  video  playback  using  the  Timeline. 


The  Video  Import  Wizard 

The  Video  Import  Wizard  simplifies  the  importing  of  video  into  a  Flash  Professional  document  by  guiding  you  through 
the  process  of  selecting  an  existing  video  file,  and  importing  the  file  for  use  in  one  of  three  different  video  playback 
scenarios.  The  Video  Import  Wizard  provides  a  basic  level  of  configuration  for  the  import  and  playback  method  you 
choose,  which  you  can  later  modify  for  your  specific  requirements. 

The  Video  Import  dialog  box  provides  these  video  import  options: 

Load  external  video  with  playback  component  Imports  the  video  and  creates  an  instance  of  the  FLVPlayback 
component  to  control  video  playback.  When  you  are  ready  to  publish  the  Flash  document  as  a  SWF  and  upload  it  to 
your  web  server,  you  must  also  upload  the  video  file  to  either  a  web  server  or  Flash  Media  Server,  and  configure  the 
FLVPlayback  component  with  the  location  of  the  uploaded  video  file. 

Embed  FLV  in  SWF  and  play  in  timeline  Embeds  the  FLV  into  the  Flash  document.  When  you  import  video  this  way, 
the  video  is  placed  in  the  Timeline  where  you  can  see  the  individual  video  frames  represented  in  the  Timeline  frames. 
An  embedded  FLV  video  file  becomes  part  of  the  Flash  Professional  document. 

note:  Embedding  video  content  directly  into  the  Flash  Professional  SWF  file  significantly  increases  the  size  of  published 
file,  and  is  only  suitable  for  small  video  files.  In  addition,  the  audio  to  video  synchronization  ( also  known  as  audio/video 
sync)  can  become  mis- synchronized  when  using  longer  video  clips  embedded  in  the  Flash  document. 

Embed  H.264  video  in  timeline  Embeds  H.264  videos  into  the  Flash  document.  When  you  import  a  video  using  this 
option,  it  can  be  placed  on  the  stage  to  be  used  as  a  guide  for  your  animation  at  design  time.  Frames  from  the  video  will 
rendered  on  the  stage  as  you  scrub  through  or  play  the  timeline.  The  audio  for  the  relevant  frames  will  also  be  played 
back. 

Note: 

•  When  you  try  to  publish  your  FLA  with  H264  video  content  on  a  layer  that  is  neither  a  guide  layer  nor  a  hidden 
layer,  a  warning  message  appears  that  the  platform  you  are  publishing  to  does  not  support  embedded  H.264  videos. 


Video  formats  and  Flash 

To  import  video  into  Flash  you  must  use  video  encoded  in  the  FLV  or  H.264  format.  The  Video  Import  Wizard  (File  > 
Import  >  Import  Video)  checks  video  files  that  you  select  for  import,  and  alerts  you  if  the  video  might  not  be  in  a  format 
that  Flash  can  play.  In  the  event  that  the  video  is  not  in  either  the  FLV  or  F4V  format,  you  can  use  Adobe*  Media* 
Encoder  to  encode  the  video  in  the  appropriate  format. 

Adobe  Media  Encoder 

Adobe*  Media*  Encoder  is  a  stand-alone  encoding  application  employed  by  programs  such  as  Adobe*  Premiere*  Pro, 
Adobe*  Soundbooth*,  and  Flash  Professional  for  output  to  certain  media  formats.  Depending  on  the  program,  the 
Adobe  Media  Encoder  provides  a  specialized  Export  Settings  dialog  box  that  accommodates  the  numerous  settings 
associated  with  certain  export  formats,  such  as  Adobe  Flash  Video  and  H.264.  For  each  format,  the  Export  Settings 
dialog  box  includes  a  number  of  presets  that  are  tailored  for  particular  delivery  media.  You  can  also  save  custom  presets, 
which  you  can  share  with  others  or  reload  as  needed. 

For  information  on  encoding  video  in  the  H.264  or  F4V  format  using  Adobe  Media  Encoder,  see  Using  Adobe  Media 
Encoder. 
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The  H.264,  On2  VP6,  and  Sorenson  Spark  video  codecs 

When  encoding  video  using  Adobe  Media  Encoder,  you  can  choose  from  three  different  video  codecs  with  which  to 
encode  your  video  content  for  use  with  Flash: 

H.264  Support  for  the  H.264  video  codec  was  incorporated  into  Flash  Player  beginning  with  version  9.0.rl  15.  The  F4V 
video  format  which  uses  this  codec  provides  a  significantly  better  quality-to-bitrate  ratio  than  previous  Flash  video 
codecs,  however,  it  is  more  computationally  demanding  than  the  Sorenson  Spark  and  On2  VP6  video  codecs  released 
with  Flash  Player  7  and  8. 

note:  If  you  need  to  use  video  with  alpha  channel  support  for  compositing,  you  must  use  the  On2  VP6  video  codec;  F4V 
does  not  support  alpha  video  channels. 

On2  VP6  The  On2  VP6  codec  is  the  preferred  video  codec  to  use  when  creating  FLV  files  you  intend  to  use  with  Flash 
Player  8  and  higher.  The  On2  VP6  codec  provides: 

•  Higher  quality  video  when  compared  to  the  Sorenson  Spark  codec  encoded  at  the  same  data  rate 

•  Support  for  the  use  of  an  8-bit  alpha  channel  to  composite  video 

To  support  better  quality  video  at  the  same  data  rate,  the  On2  VP6  codec  is  noticeably  slower  to  encode  and  requires 
more  processor  power  on  the  client  computer  to  decode  and  play  back.  For  this  reason,  carefully  consider  the  lowest 
common  denominator  of  computer  you  intend  your  viewing  audience  to  use  when  accessing  your  FLV  video 
content. 

Sorenson  Spark  Introduced  in  Flash  Player  6,  the  Sorenson  Spark  video  codec  should  be  used  if  you  intend  to  publish 
Flash  documents  requiring  backwards  compatibility  to  Flash  Player  6  and  7.  If  you  anticipate  a  large  user  base  that  uses 
older  computers,  you  should  consider  FLV  files  encoded  with  the  Sorenson  Spark  codec,  as  it  is  much  less 
computationally  demanding  to  play  back  than  either  the  On2  VP6  or  H.264  codecs. 

If  your  Flash  Professional  content  dynamically  loads  Flash  Professional  video  (using  either  progressive  download  or 
Flash  Media  Server),  you  can  use  On2  VP6  video  without  having  to  republish  a  SWF  file  originally  created  for  use  with 
Flash  Player  6  or  7,  as  long  as  users  use  Flash  Player  8  or  later  to  view  your  content.  By  streaming  or  downloading  On2 
VP6  video  into  Flash  SWF  versions  6  or  7,  and  playing  the  content  using  Flash  Player  8  or  later,  you  avoid  having  to 
recreate  your  SWF  files  for  use  with  Flash  Player  8  and  later  versions. 

Note:  Only  Flash  Player  8  and  9  support  both  publish  and  playback  ofOn2  VP6  video. 


Codec 

SWF  version  (publish  version) 

Flash  Playerversion  (required  for 
playback) 

Sorenson  Spark 

6 

6,  7,8 

7 

7,  8,  9,  1 0 

On2  VP6 

6,  7,8 

8,  9,10 

H.264 

9.2  or  later 

9.2  or  later 

Tips  for  creating  Adobe  FLV  and  F4V  video 

Follow  these  guidelines  to  deliver  the  best  possible  FLV  or  F4V  video: 

Work  with  video  in  the  native  format  of  your  project  until  your  final  output 

If  you  convert  a  precompressed  digital  video  format  into  another  format  such  as  FLV  or  F4V,  the  previous  encoder  can 
introduce  video  noise.  The  first  compressor  already  applied  its  encoding  algorithm  to  the  video,  reducing  its  quality, 
frame  size,  and  rate.  That  compression  may  have  also  introduced  digital  artifacts  or  noise.  This  additional  noise  affects 
the  final  encoding  process,  and  a  higher  data  rate  may  be  required  to  encode  a  good-quality  file. 
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Strive  for  simplicity 

Avoid  elaborate  transitions — they  don’t  compress  well  and  can  make  your  final  compressed  video  look  “chunky”  during 
the  change.  Hard  cuts  (as  opposed  to  dissolves)  are  usually  best.  Eye-catching  video  sequences — for  instance  showing 
an  object  zooming  from  behind  the  first  track,  doing  a  “page  peel,”  or  wrapping  around  a  ball  and  then  flying  off  the 
screen — don’t  compress  well  and  should  be  used  sparingly. 

Know  your  audience  data  rate 

When  you  deliver  video  over  the  Internet,  produce  files  at  lower  data  rates.  Users  with  fast  Internet  connections  can 
view  the  files  with  little  or  no  delay  for  loading,  but  dial-up  users  must  wait  for  files  to  download.  Make  the  clips  short 
to  keep  the  download  times  within  acceptable  limits  for  dial-up  users. 

Select  the  proper  frame  rate 

Frame  rate  indicates  frames  per  second  (fps).  If  you  have  a  higher  data  rate  clip,  a  lower  frame  rate  can  improve  playback 
through  limited  bandwidth.  For  example,  if  you  are  compressing  a  clip  with  little  motion,  cutting  the  frame  rate  in  half 
probably  saves  you  only  20%  of  the  data  rate.  However,  if  you  are  compressing  high-motion  video,  reducing  the  frame 
rate  has  a  much  greater  effect  on  the  data  rate. 

Because  video  looks  much  better  at  native  frame  rates,  leave  the  frame  rate  high  if  your  delivery  channels  and  playback 
platforms  allow.  For  web  delivery,  get  this  detail  from  your  hosting  service.  For  mobile  devices,  use  the  device-specific 
encoding  presets,  and  the  device  emulator  available  through  Adobe  Media  Encoder  in  Adobe  Premiere  Pro.  If  you  need 
to  reduce  the  frame  rate,  the  best  results  come  from  dividing  the  frame  rate  by  whole  numbers. 

Select  a  frame  size  that  fits  your  data  rate  and  frame  aspect  ratio 

At  a  given  data  rate  (connection  speed),  increasing  the  frame  size  decreases  video  quality.  When  you  select  the  frame 
size  for  your  encoding  settings,  consider  frame  rate,  source  material,  and  personal  preferences.  To  prevent  pillarboxing, 
it’s  important  to  choose  a  frame  size  of  the  same  aspect  ratio  as  that  of  your  source  footage.  For  example,  you  get 
pillarboxing  if  you  encode  NTSC  footage  to  a  PAL  frame  size. 

Adobe  Media  Encoder  makes  several  Adobe  FLV  or  F4V  video  presets  available.  These  include  preset  frame  sizes  and 
frame  rates  for  the  different  television  standards  at  different  data  rates.  Use  the  following  list  of  common  frame  sizes  (in 
pixels)  as  a  guide,  or  experiment  with  the  various  Adobe  Media  Encoder  presets  to  find  the  best  setting  for  your  project. 

Dial-up  Modem  NTSC  4x3  162x120 

Dial-up  Modem  PAL  4x3  160x120 

T1 /DSL/cable  NTSC4x3  648x480 

T1 /DSL/cable PAL4x3  768x576 

Stream  for  best  performance 

To  eliminate  download  time,  provide  deep  interactivity  and  navigation  capabilities,  or  monitor  quality  of  service, 
stream  Adobe  FLV  or  F4V  video  files  with  the  Flash  Media  Server  or  use  the  hosted  service  from  one  of  Adobe’s  Flash 
Video  Streaming  Service  partners  available  through  the  Adobe  website.  For  more  details  on  the  difference  between 
Progressive  Download  and  Streaming  with  Flash  Media  Server,  see  “Delivering  Flash  Video:  Understanding  the 
Difference  Between  Progressive  Download  and  Streaming  Video”  on  the  Flash  Developer  Center  website. 

Know  progressive  download  times 

Know  how  long  it  will  take  to  download  enough  of  your  video  so  that  it  can  play  to  the  end  without  pausing  to  finish 
downloading.  While  the  first  part  of  your  video  clip  downloads,  you  may  want  to  display  other  content  that  disguises 
the  download.  For  short  clips,  use  the  following  formula:  Pause  =  download  time  -  play  time  +  10%  of  play  time.  For 
example,  if  your  clip  is  30  seconds  long  and  it  takes  one  minute  to  download,  give  your  clip  a  33-second  buffer  (60 
seconds  -  30  seconds  +  3  seconds  =  33  seconds). 
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Remove  noise  and  interlacing 

For  the  best  encoding,  you  might  need  to  remove  noise  and  interlacing. 

The  higher  the  quality  of  the  original,  the  better  the  final  result.  Although  frame  rates  and  sizes  of  Internet  video  are 
usually  smaller  than  those  of  television,  computer  monitors  have  much  better  color  fidelity,  saturation,  sharpness,  and 
resolution  than  conventional  televisions.  Even  with  a  small  window,  image  quality  can  be  more  important  for  digital 
video  than  for  standard  analog  television.  Artifacts  and  noise  that  are  barely  noticeable  on  TV  can  be  obvious  on  a 
computer  screen. 

Adobe  Flash  is  intended  for  progressive  display  on  computer  screens  and  other  devices,  rather  than  on  interlaced 
displays  such  as  TVs.  Interlaced  footage  viewed  on  a  progressive  display  can  exhibit  alternating  vertical  lines  in  high- 
motion  areas.  Thus,  Adobe  Media  Encoder  removes  interlacing  from  all  video  footage  that  it  processes. 

Follow  the  same  guidelines  for  audio 

The  same  considerations  apply  to  audio  production  as  to  video  production.  To  achieve  good  audio  compression,  begin 
with  clean  audio.  If  you  are  encoding  material  from  a  CD,  try  to  record  the  file  using  direct  digital  transfer  instead  of 
through  the  analog  input  of  your  sound  card.  The  sound  card  introduces  an  unnecessary  digital-to-analog  and  analog- 
to-digital  conversion  that  can  create  noise  in  your  source  audio.  Direct  digital  transfer  tools  are  available  for  Windows 
and  Macintosh  platforms.  To  record  from  an  analog  source,  use  the  highest-quality  sound  card  available. 

Note:  If  your  source  audio  file  is  monaural  (mono),  it  is  recommended  that  you  encode  in  mono  for  use  with  Flash.  If  you 
are  encoding  with  Adobe  Media  Encoder,  and  using  an  encoding  preset,  be  sure  to  check  if  the  preset  encodes  in  stereo  or 
mono,  and  select  mono  if  necessary. 


Tutorials  and  examples 

The  following  video  tutorials  and  articles  provide  detailed  explanations  of  creating  and  preparing  video  for  use  in  Flash 
Professional.  Some  items  show  Flash  Professional  CS3  or  CS4,  but  still  apply  to  Flash  Professional  CS5. 

•  Video:  Creating  FLV  and  F4V  files  (4:23)  (Adobe.com) 

•  Video:  Flash  411  -  Video  encoding  basics  (15:16)  (Adobe.com) 

•  Video:  Batch  encoding  with  Adobe  Media  Encoder  (5:45)  (Adobe.com) 

•  Article:  Using  Adobe  Media  Encoder  (Adobe.com) 

•  Article:  H.264  for  the  rest  of  us  (Adobe.com) 

More  Help  topics 

Add  video  to  Flash 

The  FLVPlayback  component 

Controlling  external  video  playback  with  ActionScript 


Using  sounds  in  Flash 
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About  sounds  and  Flash 

Adobe  Flash  Professional  offers  several  ways  to  use  sound.  Make  sounds  that  play  continuously,  independent  of  the 
Timeline,  or  use  the  Timeline  to  synchronize  animation  to  a  sound  track.  Add  sounds  to  buttons  to  make  them  more 
interactive,  and  make  sounds  fade  in  and  out  for  a  more  polished  sound  track. 

There  are  two  types  of  sounds  in  Flash  Professional:  event  sounds  and  stream  sounds.  An  event  sound  must  download 
completely  before  it  begins  playing,  and  it  continues  playing  until  explicitly  stopped.  Stream  sounds  begin  playing  as 
soon  as  enough  data  for  the  first  few  frames  has  been  downloaded;  stream  sounds  are  synchronized  to  the  Timeline  for 
playing  on  a  website. 

If  you’re  creating  Flash  Professional  content  for  mobile  devices,  Flash  Professional  also  lets  you  include  device  sounds 
in  your  published  SWF  file.  Device  sounds  are  encoded  in  the  device’s  natively  supported  audio  format,  such  as  MIDI, 
MFi,  or  SMAF. 

You  can  use  shared  libraries  to  link  a  sound  to  multiple  documents.  You  can  also  use  the  ActionScript*  2.0 
onSoundComplete  event  or  ActionScript*  3.0  soundComplete  event  to  trigger  an  event  based  on  the  completion  of  a 
sound. 

You  can  load  sounds  and  control  sound  playback  using  prewritten  behaviors  or  media  components;  the  latter  also 
provide  a  controller  for  stop,  pause,  rewind,  and  so  on.  You  can  also  use  ActionScript  2.0  or  3.0  to  load  sounds 
dynamically. 

For  more  information,  see  attachSound  (Sound.attachSound  method)  and  loadSound  (Sound.loadSound  method)in 
ActionScript  2.0  Language  Reference  or  Sound  class  in  ActionScript  3.0  Language  and  Components  Reference. 

Note:  (Flash  Professional  CC  only)  ActionScript  2.0  and  ActionScript  1.0  are  not  supported  with  Flash  Pro  CC. 

Note:  (Flash  Professional  CC  only)  To  work  with  sounds  in  Flash  Pro  CC,  pre-installing  QuickTime  or  iTunes  is  not  needed. 

The  following  videos  and  articles  provide  detailed  instruction  on  using  sound  in  Flash  Professional. 

•  Video:  Working  with  sound  (2:57) 

•  Video:  Working  with  Soundbooth  and  Flash  (4:02) 

•  Video:  Layers  TV  -  Episode  74:  3D  tools  and  sound  (23:09) 

•  Article:  Synchronizing  text  with  audio 

•  Video  series:  Working  with  audio 

•  Video:  Audio  in  Flash:  Part  1  (Sound  on  the  Timeline)  LayersMagazine.com 

•  Video:  Audio  in  Flash:  Part  2  (Sound  and  ActionScript)  LayersMagazine.com 


Importing  sounds 

You  place  sound  files  into  Flash  Professional  by  importing  them  into  the  library  or  directly  importing  them  to  stage. 

The  File  >  Import  >  Import  to  Library  menu  option  places  the  audio  only  in  the  library,  and  not  on  the  timeline. 

When  you  import  an  audio  file  using  File  >  Import  >  Import  to  Stage  menu  option  or  by  dragging  and  dropping  the 
audio  file  directly  to  the  timeline,  the  audio  will  be  placed  on  active  frame  of  the  active  layer.  If  you  drag  and  drop 
multiple  audio  files,  only  one  audio  file  will  be  imported  because  one  frame  can  contain  only  one  audio. 

To  import  audio,  use  one  of  the  following  methods: 

•  To  import  an  audio  file  to  library,  select  File  >  Import  >  Import  To  Library  and  select  the  audio  file  that  you  want  to 
import. 
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•  To  import  an  audio  file  to  stage,  select  File  >  Import  >  Import  To  Stage  and  select  the  audio  file  that  you  want  to 
import. 

•  Drag-and-drop  the  audio  file  directly  to  the  stage. 

Note:  You  can  also  drag  a  sound  from  a  common  library  into  the  library  for  the  current  document. 

Flash  Professional  stores  sounds  in  the  library  along  with  bitmaps  and  symbols.  You  need  only  one  copy  of  a  sound  file 
to  use  that  sound  multiple  ways  in  your  document. 

If  you  want  to  share  sounds  among  Flash  Professional  documents,  you  can  include  the  sounds  in  shared  libraries. 

Flash  Professional  includes  a  Sounds  library  containing  many  useful  sounds  that  can  be  used  for  effects.  To  open  the 
Sounds  library,  choose  Window  >  Common  Libraries  >  Sounds.  To  import  a  sound  from  the  Sounds  library  to  your 
FLA  file,  drag  the  sound  from  the  Sounds  library  to  the  Library  panel  of  your  FLA  file.  You  can  also  drag  sounds  from 
the  Sounds  library  to  other  shared  libraries. 

Sounds  can  use  large  amounts  of  disk  space  and  RAM.  However,  mp3  sound  data  is  compressed  and  smaller  than  WAV 
or  AIFF  sound  data.  Generally,  when  using  WAV  or  AIFF  files,  it’s  best  to  use  16-22  kHz  mono  sounds  (stereo  uses  twice 
as  much  data  as  mono),  but  Flash  Professional  can  import  either  8-  or  16-bit  sounds  at  sample  rates  of  1 1, 22,  or  44  kHz. 
Sounds  recorded  in  formats  that  are  not  multiples  of  1 1  kHz  (such  as  8,  32,  or  96  kHz)  are  resampled  when  imported 
into  Flash  Professional.  Flash  Professional  can  convert  sounds  to  lower  sample  rates  on  export. 

If  you  want  to  add  effects  to  sounds  in  Flash  Professional,  it’s  best  to  import  16-bit  sounds.  If  you  have  limited  RAM, 
keep  your  sound  clips  short  or  work  with  8-bit  sounds  instead  of  16-bit  sounds. note:  (Flash  Professional  CC  only)  To 
import  or  play  sounds  in  Flash  Pro,  pre-installing  QuickTime  or  iTunes  is  not  needed. 


Supported  sound  file  formats 

You  can  import  the  following  sound  file  formats  into  Flash  Professional: 

•  Adobe  Sound  (.asnd).  This  is  the  native  sound  format  of  Adobe*  Soundbooth™. 

•  Wave  (.wav) 

•  AIFF  (.aif,  .aifc) 

•  mp3 

You  can  import  these  additional  sound  file  formats: 

•  Sound  Designer*  II  (.sd2) 

•  Sun  AU  (.au,  .snd) 

•  FLAC(.flac) 

•  Ogg  Vorbis  (.ogg,  .oga) 

•  The  ASND  format  is  a  non- destructive  audio  file  format,  native  to  Adobe  Soundbooth.  ASND  files  can  contain 
audio  data  with  effects  that  can  be  modified  later,  Soundbooth  multitrack  sessions,  and  snapshots  that  allow  you  to 
revert  to  a  previous  state  of  the  ASND  file. 

•  WebGL  and  HTML5  Canvas  doctypes  support  only  MP3  and  WAV  formats. 


Add  a  sound  directly  from  your  computer  to  the  Timeline 

You  can  import  audio  directly  from  your  computer  over  to  the  Timeline  by  using  any  of  the  following  methods: 

•  Select  File  >  Import  >  Import  to  Stage  and  select  the  audio  file  that  you  want  to  import. 

•  Drag  and  drop  the  audio  file  to  the  stage/timeline. 
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Note  that  only  add  one  audio  file  at  a  time.  Dragging  and  dropping  multipe  audio  files  will  import  only  one  audio  file 
to  the  timeline. 


Add  a  sound  from  the  library  to  the  Timeline 

You  can  add  a  sound  to  a  document  using  the  library,  or  you  can  load  a  sound  into  a  SWF  file  during  runtime,  using 
the  loadSound  method  of  the  Sound  object.  For  more  information,  see  loadSound  (Sound.loadSound  method)  in  the 

ActionScript  2.0  Language  Reference  or  Sound  Class  in  the  ActionScript  3.0  Reference. 

1  Import  the  sound  into  the  library  if  it  has  not  already  been  imported. 

2  Select  Insert  >  Timeline  >  Layer. 

3  With  the  new  sound  layer  selected,  drag  the  sound  from  the  Library  panel  onto  the  Stage.  The  sound  is  added  to  the 
current  layer. 

You  can  place  multiple  sounds  on  one  layer  or  on  layers  containing  other  objects.  However,  it  is  recommended  that 
each  sound  be  placed  on  a  separate  layer.  Each  layer  acts  as  a  separate  sound  channel.  The  sounds  on  all  layers  are 
combined  when  you  play  the  SWF  file. 

4  In  the  Timeline,  select  the  first  frame  that  contains  the  sound  file. 

5  Select  Window  >  Properties,  and  click  the  arrow  in  the  lower-right  corner  to  expand  the  Property  inspector. 

6  In  the  Property  inspector,  select  the  sound  file  from  the  Sound  pop-up  menu. 

7  Select  an  effect  option  from  the  Effects  pop-up  menu: 

None  Applies  no  effects  to  the  sound  file.  Select  this  option  to  remove  previously  applied  effects. 

Left  Channel/Right  Channel  Plays  sound  in  the  left  or  right  channel  only. 

Fade  Left  To  Right/Fade  Right  To  Left  Shifts  the  sound  from  one  channel  to  the  other. 

Fade  In  Gradually  increases  the  volume  of  a  sound  over  its  duration. 

Fade  Out  Gradually  decreases  the  volume  of  a  sound  over  its  duration. 

Custom  Lets  you  create  custom  in  and  out  points  of  sound  using  the  Edit  Envelope. 

Note:  Effects  are  not  supported  on  WebGL  and  HTML5  Canvas  documents. 

8  Select  a  synchronization  option  from  the  Sync  pop-up  menu: 

Event  Synchronizes  the  sound  to  the  occurrence  of  an  event.  An  event  sound  plays  when  its  starting  keyframe  first 
appears  and  the  plays  in  its  entirety,  independently  of  the  playhead  in  the  Timeline,  even  if  the  SWF  file  stops 
playing.  Event  sounds  are  mixed  when  you  play  your  published  SWF  file. 

If  an  event  sound  is  playing  and  the  sound  is  instantiated  again  (for  example,  by  the  user  clicking  a  button  again,  or 
the  playhead  passing  the  starting  keyframe  of  the  sound),  the  first  instance  of  the  sound  continues  to  play  and 
another  instance  of  the  same  sound  begins  to  play  simultaneously.  Keep  this  in  mind  when  using  longer  sounds,  as 
they  can  potentially  overlap,  causing  unintended  audio  effects. 

Start  The  same  as  Event,  except  that  if  the  sound  is  already  playing,  no  new  instance  of  the  sound  plays. 

Stop  Silences  the  specified  sound. 

Stream  Synchronizes  the  sound  for  playing  on  a  website.  Flash  Professional  forces  animation  to  keep  pace  with 
stream  sounds.  If  Flash  Professional  can’t  draw  animation  frames  quickly  enough,  it  skips  frames.  Unlike  event 
sounds,  stream  sounds  stop  if  the  SWF  file  stops  playing.  Also,  a  stream  sound  can  never  play  longer  than  the  length 
of  the  frames  it  occupies.  Stream  sounds  are  mixed  when  you  publish  your  SWF  file. 

An  example  of  a  stream  sound  is  the  voice  of  a  character  in  an  animation  that  plays  in  multiple  frames. 
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Note:  If  you  use  an  mp3  sound  as  a  stream  sound,  you  must  recompress  the  sound  for  export.  You  can  export  the 
sound  as  an  mp3  file,  with  the  same  compression  settings  that  it  had  on  import. 

These  choices  are  explained  and  demonstrated  in  this  video  tutorial  by  Andy  Anderson  at  InfiniteSkills.com. 

Flash  remembers  the  audio  sync  options  in  property  inspector.  If  a  sound  is  selected  from  the  “Sound”  section  of 
the  Properties  Inspector,  then  on  trying  to  set  another  sound  on  a  new  keyframe  from  the  Properties  Inspector, 
Flash  remembers  the  sync  options  “Stream”  or  “Event”  of  the  previous  sound. 

Note:  Stream  setting  is  not  supported  in  WebGL  and  HTML5  Canvas  documents. 

9  Enter  a  value  for  Repeat  to  specify  the  number  of  times  the  sound  should  loop,  or  select  Loop  to  repeat  the  sound 
continuously. 

For  continuous  play,  enter  a  number  large  enough  to  play  the  sound  for  an  extended  duration.  For  example,  to  loop 
a  15-second  sound  for  15  minutes,  enter  60.  Looping  stream  sounds  is  not  recommended.  If  a  stream  sound  is  set 
to  loop,  frames  are  added  to  the  file  and  the  file  size  is  increased  by  the  number  of  times  the  sound  is  looped. 

1 0  To  test  the  sound,  drag  the  playhead  over  the  frames  containing  the  sound  or  use  commands  in  the  Controller  or 
the  Control  menu. 


Remove  a  sound  from  the  Timeline 

1  In  the  Timeline  layer  containing  the  sound,  select  a  frame  that  also  contains  the  sound. 

2  In  the  Property  inspector,  go  to  the  Sound  section  and  select  None  from  the  Name  menu. 

Flash  deletes  the  sound  from  the  Timeline  layer. 

Add  a  sound  to  a  button 

You  can  associate  sounds  with  the  different  states  of  a  button  symbol.  Because  the  sounds  are  stored  with  the  symbol, 
they  work  for  all  instances  of  the  symbol. 

1  Select  the  button  in  the  Library  panel. 

2  Select  Edit  from  the  Panel  menu  in  the  upper-right  corner  of  the  panel. 

3  In  the  buttons  Timeline,  add  a  layer  for  sound  (Insert  >  Timeline  >  Layer). 

4  In  the  sound  layer,  create  a  regular  or  blank  keyframe  to  correspond  with  the  button  state  to  which  you  want  to  add 
a  sound  (Insert  >  Timeline  >  Keyframe  or  Insert  >  Timeline  >  Blank  Keyframe). 

For  example,  to  add  a  sound  that  plays  when  you  click  the  button,  create  a  keyframe  in  the  frame  labeled  Down. 

5  Click  the  keyframe  you  created. 

6  Select  Window  >  Properties. 

7  In  the  Property  inspector,  select  a  sound  file  from  the  Sound  pop-up  menu. 

8  Select  Event  from  the  Sync  pop-up  menu. 

To  associate  a  different  sound  with  each  of  the  button’s  keyframes,  create  a  blank  keyframe  and  add  another  sound 
file  for  each  keyframe.  You  can  also  use  the  same  sound  file  and  apply  a  different  sound  effect  for  each  button 
keyframe. 
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Synchronize  a  sound  with  animation 

To  synchronize  a  sound  with  animation,  you  start  and  stop  the  sound  at  keyframes. 

1  Add  a  sound  to  the  Timeline  in  its  own  layer  (see  above  for  instructions). 

2  To  synchronize  this  sound  with  an  event  in  the  scene,  create  a  beginning  keyframe  for  the  sound  that  corresponds 
to  the  keyframe  of  the  event  in  the  scene  that  you  want  to  trigger  the  sound.  You  can  select  any  of  the 
synchronization  options  described  above  (see  Add  a  sound  to  the  Timeline). 

3  Create  a  keyframe  in  the  sound  layer’s  Timeline  at  the  frame  where  you  want  the  sound  to  end.  A  representation  of 
the  sound  file  appears  in  the  Timeline. 

4  Select  Window  >  Properties,  and  click  the  arrow  in  the  lower-right  corner  to  expand  the  Property  inspector. 

5  In  the  Property  inspector,  select  the  same  sound  from  the  Sound  pop-up  menu. 

6  Still  in  the  Property  inspector,  select  Stop  from  the  Sync  pop-up  menu. 

When  you  play  the  SWF  file,  the  sound  stops  playing  when  it  reaches  the  ending  keyframe. 

7  To  play  back  the  sound,  drag  the  playhead  in  the  Timeline. 

Edit  a  sound  in  Flash 

In  Flash  Professional,  you  can  define  the  starting  point  of  a  sound  or  control  the  volume  of  the  sound  as  it  plays.  You 
can  also  change  the  point  at  which  a  sound  starts  and  stops  playing.  This  is  useful  for  making  sound  files  smaller  by 
removing  unused  sections. 

1  Add  a  sound  to  a  frame,  or  select  a  frame  that  already  contains  a  sound. 

2  Select  Window  >  Properties. 

3  Click  the  Edit  button  on  the  right  side  of  the  Property  inspector. 

4  Do  any  of  the  following: 

•  To  change  the  start  and  end  points  of  a  sound,  drag  the  Time  In  and  Time  Out  controls  in  the  Edit  Envelope. 

•  To  change  the  sound  envelope,  drag  the  envelope  handles  to  change  levels  at  different  points  in  the  sound. 
Envelope  lines  show  the  volume  of  the  sound  as  it  plays.  To  create  additional  envelope  handles  (up  to  eight  total), 
click  the  envelope  lines.  To  remove  an  envelope  handle,  drag  it  out  of  the  window. 

•  To  display  more  or  less  of  the  sound  in  the  window,  click  the  Zoom  In  or  Out  buttons. 

•  To  switch  the  time  units  between  seconds  and  frames,  click  the  Seconds  and  Frames  buttons. 

5  To  hear  the  edited  sound,  click  the  Play  button. 

Split  a  sound  on  timeline 

You  can  split  the  stream  audio  embedded  on  the  timeline  using  the  Split  Audio  context  menu.  Split  Audio  enables  you 
to  pause  the  audio  when  it  is  necessary  and  then  resume  the  audio  playback  from  the  point  it  was  stopped  at  a  later 
frame  on  the  timeline. 

To  split  an  audio  clip  on  your  timeline: 

1  Select  File  >  Import  >  Import  to  library. 

2  Select  the  audio  clip  and  import  it  to  library. 

3  Create  a  new  layer  on  your  timeline  and  add  the  clip  to  the  layer. 

4  Under  Properties  >  Sound,  select  the  Sync  type  as  Streaming. 
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5  Right-click  on  the  frame  at  which  you  want  to  split  the  audio  and  click  Split  Audio. 


Edit  a  sound  in  Soundbooth 

If  you  have  Adobe  Soundbooth  installed,  you  can  use  Soundbooth  to  edit  sounds  you  have  imported  into  your  FLA  file. 
After  making  changes  in  Soundbooth,  when  you  save  the  file  and  overwrite  the  original,  the  changes  are  automatically 
reflected  in  the  FLA  file. 

If  you  change  the  filename  or  format  of  the  sound  after  editing  it,  you  will  need  to  re-import  it  into  Flash  Professional. 

For  a  video  tutorial  about  using  Flash  together  with  Soundbooth,  see  Working  with  Soundbooth  and  Flash  at 
www. adobe.com/ go/lrvid4 1 00_xp. 

Note:  Soundbooth  is  available  only  on  Windows  computers  and  Intel'-based  Macintoshes. 

To  edit  an  imported  sound  in  Soundbooth: 

1  Right-click  (Windows)  or  Ctrl-click  (Macintosh)  the  sound  in  the  Library  panel. 

2  Choose  Edit  in  Soundbooth  from  the  context  menu.  The  file  opens  in  Soundbooth. 

3  Edit  the  file  in  Soundbooth. 

4  When  you  are  finished,  save  the  file.  To  save  the  changes  in  a  non-destructive  format,  choose  the  ASND  format. 

If  you  save  the  file  in  a  different  format  from  the  original,  you  will  need  to  re-import  the  sound  file  into  Flash 
Professional. 
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5  Return  to  Flash  Professional  to  see  the  edited  version  of  the  sound  file  in  the  Library  panel. 

Note:  You  cannot  edit  sounds  from  the  Sounds  library  (Window  >  Common  Libraries  >  Sounds)  with  the  Edit  in 
Soundbooth  command.  To  edit  these  sounds  in  Soundbooth,  open  Soundbooth  and  select  the  sound  from  the  Resource 
Central  panel.  Edit  the  sound  and  then  import  it  into  Flash  Professional. 


Using  sounds  in  Flash  Lite 

Adobe*  Flash*  Lite  supports  two  types  of  sound:  standard  Flash  Professional  sounds,  like  those  used  in  Flash 
Professional  desktop  applications,  and  device  sounds.  Flash  Lite  1.0  supports  device  sounds  only;  Flash  Lite  1.1  and  2.x 
support  both  standard  sounds  and  device  sounds. 

Device  sounds  are  stored  in  the  published  SWF  file  in  their  native  audio  format  (such  as  MIDI  or  MFi);  during 
playback,  Flash  Lite  passes  the  sound  data  to  the  device,  which  decodes  and  plays  the  sound.  Because  you  can’t  import 
most  device  audio  formats  into  Flash  Professional,  you  instead  import  a  proxy  sound  in  a  supported  format  (such  as 
mp3  or  AIFF)  that  is  replaced  with  an  external  device  sound  that  you  specify. 

You  can  use  device  sounds  only  as  event  sounds — you  can’t  synchronize  device  sounds  with  the  Timeline  as  you  can 
with  standard  sounds. 

Flash  Lite  1.0  and  Flash  Lite  1.1  do  not  support  the  following  features  available  in  the  desktop  version  of  Flash*  Player: 

•  The  ActionScript  Sound  object 

•  Loading  of  external  mp3  files 

•  The  Speech  Audio  Compression  option 

For  more  information,  see  “Working  with  Sound,  Video,  and  Images”  in  Developing  Flash  Lite  2.x  Applications  or 
“Working  with  Sound”  in  Developing  Flash  Lite  1.x  Applications. 

More  Help  topics 

Sharing  library  assets  at  runtime 

Sound  in  Actionscript 

(Deprecated  with  Flash  Professional  CC)  Work  with  common  libraries 
Exporting  sounds 


Transforming  and  combining  graphic  objects 


Transforming  objects 

You  can  transform  graphic  objects,  as  well  as  groups,  text  blocks,  and  instances,  by  using  the  Free  Transform  tool  or  the 
options  in  the  Modify  >  Transform  menu.  Depending  on  the  type  of  element  you  select,  you  can  transform,  rotate,  skew, 
scale,  or  distort  the  element.  You  can  change  or  add  to  a  selection  during  a  transformation  operation. 

When  you  transform  an  object,  group,  text  box,  or  instance,  the  Property  inspector  for  that  item  displays  any  changes 
made  to  the  item’s  dimensions  or  position. 
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A  bounding  box  appears  during  transform  operations  that  involve  dragging.  The  bounding  box  is  rectangular  (unless 
it  was  modified  with  the  Distort  command  or  the  Envelope  modifier),  with  its  edges  initially  aligned  parallel  to  the 
edges  of  the  Stage.  Transformation  handles  are  located  on  each  corner  and  in  the  middle  of  each  side.  As  you  drag,  the 
bounding  box  previews  the  transformations. 

Move,  realign,  change,  and  track  the  transformation  point 

During  a  transformation,  a  transformation  point  appears  at  the  center  of  a  selected  element.  The  transformation  point 
is  initially  aligned  with  the  object’s  center  point.  You  can  move  the  transformation  point,  return  it  to  its  default  location, 
and  move  the  default  point  of  origin. 

For  scaling,  skewing,  or  rotating  graphic  objects,  groups,  and  text  blocks,  the  point  opposite  the  point  you  drag  is  the 
point  of  origin  by  default.  For  instances,  the  transformation  point  is  the  point  of  origin  by  default.  You  can  move  the 
default  point  of  origin  for  a  transformation. 

1  Select  the  Free  Transform  tool  >§■*•  ,  or  select  one  of  the  Modify  >  Transform  commands. 

Once  you  have  begun  a  transformation,  you  can  track  the  location  of  the  transformation  point  in  the  Info  panel  and 
in  the  Property  inspector. 

2  Do  one  of  the  following: 

•  To  move  the  transformation  point,  drag  it  from  within  the  selected  graphic  object. 

•  To  realign  the  transformation  point  with  the  element’s  center  point,  double-click  the  transformation  point. 

•  To  switch  the  point  of  origin  for  a  scale  or  skew  transformation,  hold  down  the  Alt  key  (Windows)  or  Option  key 
(Macintosh)  while  dragging  your  chosen  object  control  point  during  the  transformation. 

•  In  the  Info  panel,  you  can  toggle  to  display  Registration  and  Transformation  points.  The  button  appears  as  [g  to 
indicate  that  the  registration  point  coordinates  are  being  displayed.  On  clicking  the  same  button,  it  changes  to 
j«j>  indicating  that  the  Transformation  coorindates  are  being  displayed. 


Info 
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Use  the  Free  Transform  tool 

You  can  perform  individual  transformations  or  combine  several  transformations,  such  as  moving,  rotating,  scaling, 
skewing,  and  distortion.Mote:  The  Free  Transform  tool  cannot  transform  symbols,  bitmaps,  video  objects,  sounds, 
gradients,  or  text.  If  a  multiple  selection  contains  any  of  these  items,  only  the  shape  objects  are  distorted.  To  transform  a 
text  block,  first  convert  the  characters  to  shape  objects. 

1  Select  a  graphic  object,  group,  instance,  or  text  block  on  the  Stage. 

2  Click  the  Free  Transform  tool  ^  •  . 

Moving  the  pointer  over  and  around  the  selection  changes  the  pointer  to  indicate  which  transformation  function  is 
available. 
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3  To  transform  the  selection,  drag  the  handles: 

•  To  move  the  selection,  position  the  pointer  over  the  object  within  the  bounding  box,  and  drag  the  object  to  a  new 
position.  Do  not  drag  the  transformation  point. 

•  To  set  the  center  of  rotation  or  scaling,  drag  the  transformation  point  to  a  new  location. 

•  To  rotate  the  selection,  position  the  pointer  just  outside  a  corner  handle  and  drag.  The  selection  rotates  around 
the  transformation  point.  Shift-drag  to  rotate  in  45°  increments. 

•  To  rotate  around  the  opposite  corner,  Alt-drag  (Windows)  or  Option-drag  (Macintosh). 

•  To  scale  the  selection,  drag  a  corner  handle  diagonally  to  scale  in  two  dimensions.  Shift-drag  to  resize 
proportionally. 

•  To  scale  in  the  respective  direction  only,  drag  a  corner  handle  or  a  side  handle  horizontally  or  vertically. 

•  To  skew  the  selection,  position  the  pointer  on  the  outline  between  the  transformation  handles  and  drag. 

•  To  distort  shapes,  press  Control  (Windows)  or  Command  (Macintosh)  and  drag  a  corner  handle  or  a  side  handle. 

•  To  taper  the  object — to  move  the  selected  corner  and  the  adjoining  corner  equal  distances  from  their  origins, 
Shift-Control-click  to  drag  (Windows)  or  Shift-Command-click  to  drag  (Macintosh)  a  corner  handle. 

4  To  end  the  transformation,  click  outside  the  selected  item. 

Distort  objects 

When  you  apply  a  Distort  transformation  to  a  selected  object,  dragging  a  corner  handle  or  an  edge  handle  on  the 
bounding  box  moves  the  corner  or  edge  and  realigns  the  adjoining  edges.  Shift-drag  a  corner  point  to  constrain  the 
distortion  to  a  taper — that  is,  move  that  corner  and  the  adjoining  corner  an  equal  distance  and  in  the  opposite  direction 
from  each  other.  The  adjoining  corner  is  the  corner  on  the  same  axis  as  the  direction  you  drag.  Control-click 
(Windows)  or  Command-click  (Macintosh)  to  drag  a  middle  point  on  an  edge  to  move  the  entire  edge  freely. 

You  can  distort  graphic  objects  by  using  the  Distort  command.  You  can  also  distort  objects  when  performing  a  free 
transform  on  them. 

note:  The  Distort  command  cannot  modify  symbols,  shape  primitives,  bitmaps,  video  objects,  sounds,  gradients,  object 
groups,  or  text.  If  a  multiple  selection  contains  any  of  these  items,  only  the  shape  objects  are  distorted.  To  modify  text,  first 
convert  the  characters  to  shape  objects. 

1  Select  a  graphic  object  or  objects  on  the  Stage. 

2  Select  Modify  >  Transform  >  Distort. 

3  Place  the  pointer  on  one  of  the  transformation  handles  and  drag. 

4  To  end  the  transformation,  click  outside  the  selected  object  or  objects. 

Modify  shapes  with  the  Envelope  modifier 

The  Envelope  modifier  lets  you  warp  and  distort  objects.  An  envelope  is  a  bounding  box  that  contains  one  or  more 
objects.  Changes  made  to  an  envelope’s  shape  affect  the  shape  of  the  objects  in  the  envelope.  You  edit  the  shape  of  an 
envelope  by  adjusting  its  points  and  tangent  handles. 

Note:  The  Envelope  modifier  cannot  modify  symbols,  bitmaps,  video  objects,  sounds,  gradients,  object  groups,  or  text.  If  a 
multiple  selection  contains  any  of  these  items,  only  the  shape  objects  are  distorted.  To  modify  text,  first  convert  the 
characters  to  shape  objects. 

1  Select  a  shape  on  the  Stage. 

2  Select  Modify  >  Transform  >  Envelope. 
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3  Drag  the  points  and  tangent  handles  to  modify  the  envelope. 

Scale  objects 

Scaling  an  object  enlarges  or  reduces  the  object  horizontally,  vertically,  or  both. 

1  Select  a  graphic  object  or  objects  on  the  Stage. 

2  Select  Modify  >  Transform  >  Scale. 

3  Do  one  of  the  following: 

•  To  scale  the  object  both  horizontally  and  vertically,  drag  one  of  the  corner  handles.  Proportions  are  maintained 
as  you  scale.  Shift-drag  to  scale  nonuniformly. 


•  To  scale  the  object  either  horizontally  or  vertically,  drag  a  center  handle. 

G3— a— B- 
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4  To  end  the  transformation,  click  outside  the  selected  object  or  objects. 

Note:  When  you  increase  the  size  of  a  number  of  items,  items  near  the  edges  of  the  bounding  box  might  be  moved  off 
the  Stage.  If  this  occurs,  select  View  >  Pasteboard  to  see  the  elements  that  are  beyond  the  edges  of  the  Stage. 

Rotate  and  skew  objects 

Rotating  an  object  turns  it  around  its  transformation  point.  The  transformation  point  is  aligned  with  the  registration 
point,  which  defaults  to  the  center  of  the  object,  but  you  can  move  the  point  by  dragging  it. 

You  can  rotate  an  object  by  the  following  methods: 

•  Dragging  with  the  Free  Transform  tool  Jij  j  (you  can  skew  and  scale  the  object  in  the  same  operation). 

•  By  specifying  an  angle  in  the  Transform  panel  (you  can  scale  the  object  in  the  same  operation). 

Rotate  and  skew  objects  by  dragging 

1  Select  the  object  or  objects  on  the  Stage. 

2  Select  Modify  >  Transform  >  Rotate  And  Skew. 

3  Do  one  of  the  following: 

•  Drag  a  corner  handle  to  rotate  the  object. 

•  Drag  a  center  handle  to  skew  the  object. 

4  To  end  the  transformation,  click  outside  the  selected  object  or  objects. 
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Rotate  objects  by  90° 

1  Select  the  object  or  objects. 

2  Select  Modify  >  Transform  >  Rotate  90°  CW  to  rotate  clockwise,  or  Rotate  90°  CCW  to  rotate  counterclockwise. 

Skew  objects 

Skewing  an  object  transforms  it  by  slanting  it  along  one  or  both  axes.  You  can  skew  an  object  by  dragging  or  by  entering 
a  value  in  the  Transform  panel. 

1  Select  the  object  or  objects. 

2  Select  Window  >  Transform. 

3  Click  Skew. 

4  Enter  angles  for  the  horizontal  and  vertical  values. 

Flip  objects 

You  can  flip  objects  across  their  vertical  or  horizontal  axis  without  moving  their  relative  position  on  the  Stage. 

1  Select  the  object. 

2  Select  Modify  >  Transform  >  Flip  Vertical  or  Flip  Horizontal. 

Restore  transformed  objects 

When  you  use  the  Free  Transform  tool  or  the  Transform  panel  to  scale,  rotate,  and  skew  instances,  groups,  and  text, 
Flash  saves  the  original  size  and  rotation  values  with  the  object.  This  lets  you  remove  the  transformations  you  applied 
and  restore  the  original  values. 

You  can  undo  only  the  most  recent  transformation  when  you  select  Edit  >  Undo.  You  can  remove  all  transformations 
by  clicking  the  Remove  Transform  button  in  the  panel  before  you  deselect  the  object.  After  you  deselect  the  object  the 
original  values  are  lost  and  the  transformation  cannot  be  removed. 

Restore  a  transformed  object  to  its  original  state 

1  Ensure  the  transformed  object  is  still  selected. 

2  Do  one  of  the  following: 

•  Click  the  Remove  Transform  button  Ttin  the  Transform  panel 

•  Select  Modify  >  Transform  >  Remove  Transform 


Combining  objects 

To  create  new  shapes  by  combining  or  altering  existing  objects,  use  the  Combine  Objects  commands  in  the  Modify 
menu  (Modify  >  Combine  Objects).  In  some  cases,  the  stacking  order  of  selected  objects  determines  how  the  operation 
works. 

Each  command  applies  to  specific  types  of  graphic  objects,  which  are  noted  below.  A  merge  shape  is  a  shape  drawn  with 
a  tool  set  to  Merge  Drawing  mode.  A  drawing  Object  is  a  shape  drawn  with  a  tool  set  to  Object  Drawing  mode. 

The  Combine  Objects  commands  are: 

Union  Joins  two  or  more  merge  shapes  or  drawing  objects.  The  result  is  a  single  Object  Drawing  mode  shape  consisting 
of  all  the  portions  visible  on  the  shapes  before  they  were  unified.  The  unseen,  overlapping  portions  of  the  shapes  are 
deleted,  note:  Unlike  when  you  use  the  Group  command  (Modify  >  Group),  you  cannot  break  apart  shapes  joined  by  using 
the  Union  command. 
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Intersect  Creates  an  object  from  the  intersection  of  two  or  more  drawing  objects.  The  resulting  Object  Drawing  shape 
consists  of  the  overlapping  portions  of  the  combined  shapes.  Any  part  of  the  shape  that  doesn’t  overlap  is  deleted.  The 
resulting  shape  uses  the  fill  and  stroke  of  the  top-most  shape  in  the  stack. 

Punch  Removes  portions  of  a  selected  drawing  object  as  defined  by  the  overlapping  portions  of  another  selected 
drawing  object  positioned  in  front  of  it.  Any  part  of  a  drawing  object  that  is  overlapped  by  the  top-most  object  is 
deleted,  and  the  top-most  object  is  deleted  entirely.  The  resulting  objects  remain  separate  and  are  not  combined  into  a 
single  object  (unlike  the  Union  or  Intersect  commands,  which  join  the  objects  together). 

Crop  Uses  the  outline  of  one  drawing  object  to  crop  another  drawing  object.  The  front  or  top-most  object  defines  the 
shape  of  the  cropped  area.  Any  part  of  an  underlying  drawing  object  that  overlaps  with  the  top-most  object  remains, 
while  all  other  portions  of  the  underlying  objects  are  deleted,  and  the  top-most  object  is  deleted  entirely.  The  resulting 
objects  remain  separate,  and  are  not  combined  into  a  single  object  (unlike  the  Union  or  Intersect  commands,  which 
join  the  objects). 

More  Help  topics 

About  9-slice  scaling  and  movie  clip  symbols 
Edit  movie  clip  symbols  with  9-slice  scaling 


Working  with  the  library 


Work  with  libraries 

The  library  in  a  Flash  Professional  document  stores  media  assets  that  you  create  in  the  Flash  Professional  authoring 
environment  or  import  to  use  in  the  document.  You  can  create  vector  artwork  or  text  directly  in  Flash  Professional; 
import  vector  artwork,  bitmaps,  video,  and  sound;  and  create  symbols.  A  symbol  is  a  graphic,  a  button,  a  movie  clip,  or 
text  that  you  create  once  and  can  reuse  multiple  times.  You  can  also  use  ActionScript  to  add  media  content  to  a 
document  dynamically. 

The  library  also  contains  any  components  that  you  have  added  to  your  document.  Components  can  be  either  compiled 
clips  or  MovieClip  based  components. 

You  can  open  the  library  of  any  Flash  Professional  document  while  you  are  working  in  Flash  Professional,  to  make  the 
library  items  from  that  file  available  for  the  current  document.  You  can  search  the  symbols  in  the  library  by  their  names 
or  their  ActionScript  linkage  names. 

You  can  create  permanent  libraries  in  your  Flash  Professional  application  that  are  available  whenever  you  start  Flash 
Professional.  Flash  Professional  also  includes  several  sample  libraries  containing  buttons,  graphics,  movie  clips,  and 
sounds. 

You  can  export  library  assets  as  a  SWF  file  to  a  URL  to  create  a  runtime-shared  library.  This  lets  you  link  to  the  library 
assets  from  Flash  Professional  documents  that  import  symbols  using  runtime  sharing. 

The  Library  panel  (Window  >  Library)  displays  a  scroll  list  with  the  names  of  all  items  in  the  library,  which  lets  you 
view  and  organize  these  elements  as  you  work.  An  icon  next  to  an  item’s  name  in  the  Library  panel  indicates  the  item’s 
file  type. 

note:  (Flash  Professional  CC  and  later  versions  only)  Dragging  objects  from  Stage  to  the  Library  panel  to  convert  to 
a  Symbol  is  deprecated,  and  will  not  be  functional  with  Flash  Professional  CC. 
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note:  (Flash  Professional  CC  and  later  versions  only)  Dragging  objects  on  to  the  Stage  across  two  undocked  documents 
is  deprecated,  and  will  not  be  functional  with  Flash  Professional  CC. 


Open  a  library  in  another  Flash  file 

1  From  the  current  document,  select  File  >  Import  >  Open  External  Library. 

2  Navigate  to  the  Flash  Professional  file  whose  library  you  want  to  open  and  click  Open. 

The  selected  file’s  library  opens  in  the  current  document,  with  the  filename  at  the  top  of  the  Library  panel.  To  use 
items  from  the  selected  file’s  library  in  the  current  document,  drag  the  items  to  the  current  document’s  Library  panel 
or  to  the  Stage. 

Resize  the  Library  panel 

❖  Do  one  of  the  following: 

•  Drag  the  lower-right  corner  of  the  panel. 

•  Click  the  Wide  State  button  to  enlarge  the  Library  panel  so  it  shows  all  the  columns. 

•  Click  the  Narrow  State  button  to  reduce  the  width  of  the  Library  panel. 

Change  the  width  of  columns 

❖  Position  the  pointer  between  column  headers  and  drag  to  resize. 

Work  with  folders  in  the  Library  panel 

You  can  organize  items  in  the  Library  panel  using  folders.  When  you  create  a  new  symbol,  it  is  stored  in  the  selected 
folder.  If  no  folder  is  selected,  the  symbol  is  stored  at  the  root  of  the  library. 

Flash  also  imports  animated  GIF  files  in  an  organized  way  by  placing  them  in  a  separate  folder  under  the  library  root 
folder  and  naming  all  the  associated  bitmaps  based  on  their  sequence. 

Create  a  new  folder 

❖  Click  the  New  Folder  button  _jat  the  bottom  of  the  Library  panel. 

Open  or  close  a  folder 

❖  Double-click  the  folder,  or  Select  the  folder  and  select  Expand  Folder  or  Collapse  Folder  from  the  Panel  menu  for 
the  Library  panel. 

Open  or  close  all  folders 

❖  Select  Expand  All  Folders  or  Collapse  All  Folders  from  the  Panel  menu  for  the  Library  panel. 

Move  an  item  between  folders 

❖  Drag  the  item  from  one  folder  to  another. 

If  an  item  with  the  same  name  exists  in  the  new  location,  Flash  Professional  prompts  you  to  replace  it  with  the  item 
you  are  moving. 


Sort  items  in  the  Library  panel 

Columns  in  the  Library  panel  list  the  name  of  an  item,  its  type,  the  number  of  times  it’s  used  in  the  file,  its  linkage  status 
and  identifier  (if  the  item  is  associated  with  a  shared  library  or  is  exported  for  ActionScript),  and  the  date  on  which  it 
was  last  modified. 


Last  updated  6/1 2/2015 


Multimedia  and  Video 


266 


You  can  sort  items  in  the  Library  panel  alphanumerically  by  any  column.  Items  are  sorted  within  folders. 

Flash  libary  organizes  the  imported  animated  GIF  files  in  a  separate  folder  under  the  library  root  folder  and  names  all 
the  associated  bitmaps  based  on  their  sequence. 

❖  Click  the  column  header  to  sort  by  that  column.  Click  the  triangle  button  to  the  right  of  the  column  headers  to 
reverse  the  sort  order. 


(Deprecated  with  Flash  Professional  CC)  Work  with  common  libraries 

You  can  use  the  sample  common  libraries  included  with  Flash  Professional  to  add  buttons  or  sounds  to  your 
documents.  You  can  also  create  custom  common  libraries,  which  you  can  then  use  with  any  documents  that  you  create. 

Use  an  item  from  a  common  library  in  a  document 

1  Select  Window  >  Common  Libraries,  and  select  a  library  from  the  submenu. 

2  Drag  an  item  from  the  common  library  into  the  library  for  the  current  document. 

Create  a  common  library  for  your  SWF  application 

1  Create  a  Flash  Professional  file  with  a  library  containing  the  symbols  that  you  want  to  include  in  the  common  library. 

2  Place  the  Flash  Professional  file  in  the  user-level  Libraries  folder  on  your  hard  disk. 

•  On  Windows*  XP,  the  path  is  C:\Documents  and  Settings\zzsenzczme\Local  Settings\Application 
Data\Adobe\Flash  CS5\Zazzgzzage\Configuration\Libraries\. 

•  On  Windows*  Vista*,  the  path  is  C:\Users\usernameXLoca\  Settings! Application  Data\Adobe\Flash 
CS5\Za;zgzzage\Configuration\Libraries\. 

•  On  Mac  OS,  the  path  is  Hard  Disk/Users/userfzame/Library/Application  Support/ Adobe/Flash 
CS5/Zczzzgzzage/Configuration/Libraries/. 

Conflicts  between  library  assets 

If  you  import  or  copy  a  library  asset  into  a  document  that  already  contains  a  different  asset  of  the  same  name,  choose 
whether  to  replace  the  existing  item  with  the  new  item.  This  option  is  available  with  all  the  methods  for  importing  or 
copying  library  assets. 

The  Resolve  Library  Items  dialog  box  appears  when  you  attempt  to  place  items  that  conflict  with  existing  items  in  a 
document.  A  conflict  exists  when  you  copy  an  item  from  a  source  document  that  already  exists  in  the  destination 
document  and  the  items  have  different  modification  dates.  Avoid  naming  conflicts  by  organizing  your  assets  inside 
folders  in  your  document’s  library.  The  dialog  box  also  appears  when  you  paste  a  symbol  or  component  into  your 
document’s  Stage  and  you  already  have  a  copy  of  the  symbol  or  component  that  has  a  different  modification  date  from 
the  one  you’re  pasting. 

If  you  choose  not  to  replace  the  existing  items,  Flash  Professional  attempts  to  use  the  existing  item  instead  of  the 
conflicting  item  that  you  are  pasting.  For  example,  if  you  copy  a  symbol  named  Symbol  1  and  paste  the  copy  into  the 
Stage  of  a  document  that  already  contains  a  symbol  named  Symbol  1,  Flash  Professional  creates  an  instance  of  the 
existing  Symbol  1. 

If  you  choose  to  replace  the  existing  items,  Flash  Professional  replaces  the  existing  items  (and  all  their  instances)  with 
the  new  items  of  the  same  name.  If  you  cancel  the  Import  or  Copy  operation,  the  operation  is  canceled  for  all  items  (not 
just  those  items  that  conflict  in  the  destination  document). 

Only  identical  library  item  types  may  be  replaced  with  each  other.  That  is,  you  cannot  replace  a  sound  named  Test  with 
a  bitmap  named  Test.  In  such  cases,  the  new  items  are  added  to  the  library  with  the  word  Copy  appended  to  the  name. 
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Note:  Replacing  library  items  using  this  method  is  not  reversible.  Save  a  backup  of  your  FLA  file  before  you  perform 
complex  paste  operations  that  are  resolved  by  replacing  conflicting  library  items. 

If  the  Resolve  Library  Conflict  dialog  box  appears  when  you  are  importing  or  copying  library  assets  into  a  document, 
resolve  the  naming  conflict. 

Resolve  naming  conflicts  between  library  assets 

❖  Do  one  of  the  following  in  the  Resolve  Library  Conflict  dialog  box: 

•  To  preserve  the  existing  assets  in  the  destination  document,  click  Don’t  Replace  Existing  Items. 

•  To  replace  the  existing  assets  and  their  instances  with  the  new  items  of  the  same  name,  click  Replace  Existing 
Items. 


Work  with  library  items 

When  you  select  an  item  in  the  Library  panel,  a  thumbnail  preview  of  the  item  appears  at  the  top  of  the  Library  panel. 
If  the  selected  item  is  animated  or  is  a  sound  file,  you  can  use  the  Play  button  in  the  library  preview  window  or  the 
Controller  to  preview  the  item. 

Search  library  items  by  linkage  name 

You  can  search  the  library  search  panel  for  symbols  by  their  names  or  their  ActionScript  linkage  names. 

❖  To  search  for  a  library  item,  type  in  the  first  few  letters  of  the  symbol  name  or  the  ActionScript  linkage  name  of  the 
library  item.  As  you  type,  the  list  of  matching  symbols  appears  in  the  library  panel. 

Use  a  library  item  in  the  current  document 

❖  Drag  the  item  from  the  Library  panel  onto  the  Stage. 

The  item  is  added  to  the  current  layer. 

Convert  an  object  on  the  Stage  to  a  symbol  in  the  library 

❖  Select  the  object  on  stage,  right  click,  and  select  Convert  to  Symbol. 

Use  a  library  item  from  the  current  document  in  another  document 

❖  Drag  the  item  from  the  Library  panel  or  Stage  into  the  Library  panel  or  Stage  of  another  document. 

Copy  library  items  from  a  different  document 

1  Select  the  document  that  contains  the  library  items. 

2  Select  the  library  items  in  the  Library  panel. 

3  Select  Edit  >  Copy. 

4  Select  the  document  that  you  want  to  copy  the  library  items  to. 

5  Select  that  document’s  Library  panel. 

6  Select  Edit  >  Paste. 

Edit  a  library  item 

1  Select  the  item  in  the  Library  panel. 
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2  Select  one  of  the  following  from  the  Panel  menu  for  the  Library  panel: 

•  To  edit  an  item  in  Flash  Professional,  select  Edit. 

•  To  edit  an  item  in  another  application,  select  Edit  With  and  then  select  an  external  application. 

Note:  When  starting  a  supported  external  editor,  Flash  Professional  opens  the  original  imported  document. 

Rename  a  library  item 

Changing  the  library  item  name  of  an  imported  file  does  not  change  the  filename. 

1  Do  one  of  the  following: 

•  Double-click  the  item’s  name. 

•  Select  the  item  and  select  Rename  from  the  Panel  menu  for  the  Library  panel. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  the  item  and  select  Rename  from  the  context  menu. 

2  Enter  the  new  name  in  the  box. 

Delete  a  library  item 

When  you  delete  an  item  from  the  library,  all  instances  or  occurrences  of  that  item  in  the  document  are  also  deleted. 
❖  Select  the  item  and  click  the  Trash  Can  icon  at  the  bottom  of  the  Library  panel. 


Find  unused  library  items 

To  organize  your  document,  you  can  find  unused  library  items  and  delete  them. 

Note:  It  is  not  necessary  to  delete  unused  library  items  to  reduce  a  Flash  Professional  documents  file  size,  because  unused 
library  items  are  not  included  in  the  SWF  file.  However,  items  linked  for  export  are  included  in  the  SWF  file. 

❖  Do  one  of  the  following: 

•  Select  Unused  Items  from  the  Panel  menu  for  the  Library  panel. 

•  Sort  library  items  by  the  Use  Count  column,  which  indicates  whether  an  item  is  in  use. 

Update  imported  files  in  the  library 

If  you  use  an  external  editor  to  modify  files  that  you  have  imported  into  Flash  Professional,  such  as  bitmaps  or  sound 
files,  you  can  update  the  files  in  Flash  Professional  without  reimporting  them.  You  can  also  update  symbols  that  you 
have  imported  from  external  Flash  Professional  documents.  Updating  an  imported  file  replaces  its  contents  with  the 
contents  of  the  external  file. 

Note:  You  can  locate  the  imported  animated  GIF  files  organized  in  a  separate  folder  under  the  library  root  folder  with 
all  the  associated  bitmaps  named  based  on  their  sequence. 

1  Select  the  imported  file  in  the  Library  panel. 

2  Select  Update  from  the  Panel  menu  for  the  Library  panel. 

Copy  library  assets  between  documents 

You  can  copy  library  assets  from  a  source  document  into  a  destination  document  in  a  variety  of  ways.  You  can  also  share 
symbols  between  documents  as  shared  library  assets  during  authoring  or  at  runtime. 
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If  you  attempt  to  copy  assets  that  have  the  same  name  as  existing  assets  in  the  destination  document,  the  Resolve 
Library  Conflicts  dialog  box  lets  you  choose  whether  to  overwrite  the  existing  assets  or  to  preserve  the  existing  assets 
and  add  the  new  assets  with  modified  names.  Organize  library  assets  in  folders  to  minimize  name  conflicts  when 
copying  assets  between  documents. 

Copy  a  library  asset  by  copying  and  pasting 

1  Select  the  asset  on  the  Stage  in  the  source  document. 

2  Select  Edit  >  Copy. 

3  Make  the  destination  document  the  active  document. 

4  To  paste  the  asset  in  the  center  of  the  visible  pasteboard,  place  the  pointer  on  the  Stage  and  select  Edit  >  Paste  In 
Center.  To  place  the  asset  in  the  same  location  as  in  the  source  document,  select  Edit  >  Paste  In  Place. 

Copy  a  library  asset  by  dragging 

❖  With  the  destination  document  open,  select  the  asset  in  the  Library  panel  in  the  source  document  and  drag  the  asset 
into  the  Library  panel  in  the  destination  document. 

Copy  a  library  asset  by  opening  the  source  document  library  in  the  destination  document 

1  With  the  destination  document  active,  select  File  >  Import  >  Open  External  Library. 

2  Select  the  source  document,  and  click  Open. 

3  Drag  an  asset  from  the  source  document  library  onto  the  Stage  or  into  the  library  of  the  destination  document. 

More  Help  topics 

Working  with  Text  Layout  Framework  (TLF)  text 

Using  imported  artwork 

Sound 

Video 

Symbols,  instances,  and  libraryassets 
Configuration  folders  installed  with  Flash 
Sharing  library  assets  at  runtime 
Creating  buttons 
Sharing  library  assets  at  runtime 


Draw  lines  and  shapes 


Draw  straight  lines  with  the  Line  Segment  tool 

To  draw  one  straight  line  segment  at  a  time,  use  the  Line  tool. 

1  Select  the  Line  tool  \  . 

2  Select  Window  >  Properties  and  select  stroke  attributes. 
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Note:  You  cannot  set  fill  attributes  for  the  Line  tool. 

3  Click  the  Object  Drawing  button  1  in  the  Options  section  of  the  Tools  panel  to  select  either  Merge  or  Object 
Drawing  mode.  When  the  Object  Drawing  button  is  depressed,  the  Line  tool  is  in  Object  Drawing  mode. 

4  Position  the  pointer  where  the  line  is  to  begin,  and  drag  to  where  the  line  is  to  end.  To  constrain  the  angle  of  the  line 
to  multiples  of  45°,  Shift-drag. 


Draw  rectangles  and  ovals 

The  Oval  and  Rectangle  tools  let  you  create  these  basic  geometric  shapes,  and  apply  strokes,  fills,  and  specify  rounded 
corners.  In  addition  to  the  Merge  and  Object  drawing  modes,  the  Oval  and  Rectangle  tools  also  provide  the  Primitive 
Object  drawing  mode. 

When  you  create  rectangles  or  ovals  using  the  Rectangle  Primitive  or  Oval  Primitive  tools,  Flash  draws  the  shapes  as 
separate  objects.  These  shapes  unlike  the  shapes  you  create  using  Object  Drawing  mode.  The  primitive  shape  tools  let 
you  specify  the  corner  radius  of  rectangles  using  controls  in  the  Property  inspector.  And  also  the  start  and  end  angle, 
and  the  inner  radius  of  ovals.  After  you  create  a  primitive  shape,  alter  the  radius  and  dimensions  by  selecting  the  shape 
on  the  Stage  and  adjusting  the  controls  in  the  Property  inspector. 

note:  When  either  of  the  Primitive  Object  drawing  tools  is  selected,  the  Property  inspector  retains  the  values  of  the  last 
primitive  object  that  you  edited.  For  example,  if  you  modify  a  rectangle  and  then  draw  a  second  rectangle. 

Note:To  draw  from  the  center  of  the  Stage,  hold  the  Alt  key  when  drawing  a  shape. 

Draw  rectangle  primitives 

1  To  select  the  Rectangle  Primitive  tool,  click  and  hold  the  mouse  button  on  the  Rectangle  tool  _ | ,  and  select  the 

Rectangle  Primitive  tool  □  from  the  pop-up  menu. 

2  To  create  a  rectangle  primitive,  drag  with  the  Rectangle  Primitive  tool  on  the  Stage. 

Note:  To  change  the  corner  radius  while  dragging  with  the  Rectangle  primitive  tool,  press  the  Up  Arrow  key  or  Down 
Arrow  key.  When  the  corners  achieve  the  desired  roundness,  release  the  key. 

3  With  the  rectangle  primitive  selected,  you  can  use  the  controls  in  the  Property  inspector  to  further  modify  the  shape 
or  specify  fill  and  stroke  colors. 
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«  X 

Properties 

‘|*«f  Rectangle  Primitive  Tool 

▼  Fill  and  Stroke 

* 

Stroke: 

mm 

Style:  Solid 

-  / 

Scale:  Normal 

▼  Hinting 

Cap:  g  , 

Join:  ff  , 

Miter: 

▼  Rectangle  Options 

k. 

J 

C-O 

Reset 

Theses  Property  inspector  controls  are  specific  to  the  Rectangle  Primitive  tool: 

Rectangle  Corner  Radius  Controls  Let  you  specify  the  corner  radiuses  for  the  rectangle.  You  can  enter  a  numeric 
value  for  the  inner  radius  in  each  text  box.  Entering  a  negative  value  creates  an  inverse  radius.  You  can  also  deselect 
the  constrain  corner  radius  icon,  and  adjust  each  corner  radius  individually. 

Reset  Resets  all  of  the  Rectangle  Primitive  tool  controls,  and  restores  the  rectangle  primitive  shape  drawn  on  the 
Stage  to  its  initial  size  and  shape. 

4  To  specify  a  different  corner  radius  for  each  corner,  deselect  the  Lock  icon  in  the  Rectangle  Options  area  of  the 
Property  inspector.  When  locked,  the  radius  controls  are  restrained  so  that  each  corner  uses  the  same  radius. 

5  To  reset  the  corner  radii,  click  the  Reset  button  in  the  Property  inspector. 

Draw  oval  primitives 

1  Click  and  hold  the  mouse  button  on  the  Rectangle  tool  _ | ,  and  select  the  Oval  Primitive  tool 

2  To  create  an  oval  primitive,  drag  the  Primitive  Oval  tool  on  the  Stage.  To  constrain  the  shape  to  a  circle,  Shift-drag. 

3  With  the  oval  primitive  selected  on  the  Stage,  you  can  use  the  controls  found  in  the  Property  inspector  to  further 
modify  the  shape  or  specify  fill  and  stroke  colors. 
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These  Property  inspector  controls  are  specific  to  the  Oval  Primitive  tool: 

Start  Angle/End  Angle  The  angle  of  the  start  point  and  end  point  of  the  oval.  Using  these  controls,  you  can  easily 
modify  the  shape  of  ovals  and  circles  into  pie  slices,  half  circles,  and  other  creative  shapes. 

Inner  Radius  An  inner  radius  (or  oval)  within  the  oval.  You  can  either  enter  a  numeric  value  for  the  inner  radius  in 
the  box  or  click  the  slider  and  interactively  adjust  the  size  of  the  inner  radius.  You  can  enter  values  from  0  to  99 
representing  the  percentage  of  fill  that  is  removed. 

Close  Path  Determines  whether  the  path  (or  paths,  if  you  are  specifying  an  inner  radius)  of  the  oval  is  closed.  If  you 
specify  an  open  path,  no  fill  is  applied  to  the  resulting  shape,  only  the  stroke  is  drawn.  Close  Path  is  selected  by 
default. 

Reset  Resets  all  of  the  Oval  Primitive  tool  controls  and  restores  the  oval  primitive  shape  drawn  on  the  Stage  to  its 
initial  size  and  shape. 

Draw  ovals  and  rectangles 

The  Oval  and  Rectangle  tools  create  these  basic  geometric  shapes. 

1  To  select  the  Rectangle  tool  _ |  or  Oval  tool  j ,  click  and  hold  the  mouse  button  on  the  Rectangle  tool  and  drag. 

2  To  create  a  rectangle  or  oval,  drag  the  Rectangle  or  Oval  tool  on  the  Stage. 

3  For  the  Rectangle  tool,  specify  rounded  corners  by  clicking  the  Round  Rectangle  modifier  and  entering  a  corner 
radius  value.  A  value  of  zero  (0)  creates  square  corners. 

4  Drag  on  the  Stage.  If  you  are  using  the  Rectangle  tool,  press  the  Up  Arrow  and  Down  Arrow  keys  while  dragging  to 
adjust  the  radius  of  rounded  corners. 

For  the  Oval  and  Rectangle  tools,  Shift-drag  to  constrain  the  shapes  to  circles  and  squares. 
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5  To  specify  a  specific  size  of  oval  or  rectangle,  select  the  Oval  or  Rectangle  tool  and  press  the  Alt  key  (Windows)  or 
Option  key  (Macintosh).  Then  click  the  Stage  to  display  the  Oval  And  Rectangle  Settings  dialog  box. 

•  For  ovals,  specify  the  width  and  height  in  pixels  and  whether  to  draw  the  oval  from  the  center. 

•  For  rectangles,  specify  the  width  and  height  in  pixels,  the  radius  of  the  rounded  corners,  and  whether  to  draw  the 
rectangle  from  the  center. 

See  also:  Live  Preview  of  Colors  . 


Draw  polygons  and  stars 

1  Select  the  PolyStar  tool  )  by  clicking  and  holding  the  mouse  button  on  the  Rectangle  tool  and  selecting  from  the 
pop-up  menu  that  appears. 

2  Select  Window  >  Properties  and  select  fill  and  stroke  attributes. 

3  Click  Options  and  do  the  following: 

•  For  Style,  select  Polygon  or  Star. 

•  For  Number  Of  Sides,  enter  a  number  from  3  through  32. 

•  For  Star  Point  Size,  enter  a  number  from  0  through  1  to  specify  the  depth  of  the  star  points.  A  number  closer  to 
0  creates  deeper  points  (like  needles).  If  you  are  drawing  a  polygon,  leave  this  setting  unchanged.  (It  does  not 
affect  the  polygon  shape.) 

4  Click  OK. 

5  Drag  on  the  Stage. 

See  also:  Live  Preview  of  Colors  . 


Draw  with  the  Pencil  tool 

To  draw  lines  and  shapes,  use  the  Pencil  tool,  in  much  the  same  way  that  you  use  a  real  pencil  to  draw.  To  apply 
smoothing  or  straightening  to  the  lines  and  shapes  as  you  draw,  select  a  drawing  mode  for  the  Pencil  tool. 

1  Select  the  Pencil  tool  /  . 

2  Select  Window  >  Properties  and  select  a  stroke  color,  line  weight,  and  style. 

3  Select  a  drawing  mode  under  Options  in  the  Tools  panel: 

•  To  draw  straight  lines  and  convert  approximations  of  triangles,  ovals,  circles,  rectangles,  and  squares  into  these 
common  geometric  shapes,  select  Straighten  . 

•  To  draw  smooth  curved  lines,  select  Smooth  '  . 

•  To  draw  freehand  lines  with  no  modification  applied,  select  Ink 


4  To  draw  with  the  Pencil  tool,  Shift-drag  to  constrain  lines  to  vertical  or  horizontal  directions,  click  the  Stage,  and 
drag. 
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Paint  with  the  Brush  tool 

The  Brush  tool  draws  brush-like  strokes.  It  creates  special  effects,  including  calligraphic  effects.  Select  a  brush  size 
and  shape  using  the  Brush  tool  modifiers. 

Brush  size  for  new  strokes  remains  constant  even  when  you  change  the  magnification  level  for  the  Stage.  So,  the  same 
brush  size  appears  larger  when  the  Stage  magnification  is  lower.  For  example,  suppose  you  set  the  Stage  magnification 
to  100%  and  paint  with  the  Brush  tool  using  the  smallest  brush  size.  Then,  you  change  the  magnification  to  50%  and 
paint  again  using  the  smallest  brush  size.  The  new  stroke  that  you  paint  appears  50%  thicker  than  the  earlier  stroke. 
(Changing  the  magnification  of  the  Stage  does  not  change  the  size  of  existing  brush  strokes.) 

Use  an  imported  bitmap  as  a  fill  when  painting  with  the  Brush  tool.  See  Break  apart  groups  and  objects. 

If  you  have  a  Wacom  pressure-sensitive  tablet  connected  to  your  computer,  vary  the  width  and  angle  of  the  brush  stroke. 
This  can  be  achieved  by  using  the  Brush  tool  Pressure  and  Tilt  modifiers,  and  varying  pressure  on  the  stylus. 

The  Pressure  modifier  varies  the  width  of  brush  strokes  when  you  vary  the  pressure  on  the  stylus.  The  Tilt  modifier 
varies  the  angle  of  brush  strokes  when  you  vary  the  angle  of  the  stylus  on  the  tablet.  The  Tilt  modifier  measures  the 
angle  between  the  top  (eraser)  end  of  the  stylus  and  the  top  (north)  edge  of  the  tablet.  For  example,  if  you  hold  the  pen 
vertically  against  the  tablet,  the  Tilt  is  90.  The  Pressure  and  Tilt  modifiers  are  both  fully  supported  for  the  eraser 
function  of  the  stylus. 

Note:  On  a  tablet,  the  Tilt  and  Pressure  options  for  Brush  Tool  function  only  when  you  use  the  Pen  mode.  The  mouse 
mode  does  not  enable  these  options. 


1  Select  the  Brush  tool  y 

2  Select  Window  >  Properties  and  select  a  fill  color. 

3  Click  the  Brush  Mode  modifier  and  select  a  painting  mode: 

Paint  Normal  Paints  over  lines  and  fills  on  the  same  layer. 

Paint  Fills  Paints  fills  and  empty  areas,  leaving  lines  unaffected. 

Paint  Behind  Paints  in  blank  areas  of  the  Stage  on  the  same  layer,  leaving  lines  and  fills  unaffected. 

Paint  Selection  Applies  a  new  fill  to  the  selection  when  you  select  a  fill  in  the  Fill  Color  control  or  the  Fill  box  of  the 
Property  inspector,  the  same  as  selecting  a  filled  area  and  applying  a  new  fill. 

Paint  Inside  Paints  the  fill  in  which  you  start  a  brush  stroke  and  never  paints  lines.  If  you  start  painting  in  an  empty 
area,  the  fill  doesn’t  affect  any  existing  filled  areas. 

4  Select  a  brush  size  and  brush  shape  from  the  Brush  tool  modifiers. 

5  To  zoom  the  brush  proportionately  to  the  zoom  level  of  the  stage  as  you  increase  or  decrease  it  while  you  draw,  select 
the  Zoom  size  with  stage  check  box.  This  allows  you  to  draw  seamlessly  adjusting  to  any  zoom  level  and  preview 
your  work  as  you  draw. 
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6  If  a  Wacom  pressure-sensitive  tablet  is  attached  to  your  computer,  select  the  Pressure  modifier,  the  Tilt  modifier,  or 
both,  to  modify  brush  strokes. 

•  Select  the  Pressure  modifier  to  vary  the  width  of  your  brush  strokes  by  varying  the  pressure  on  your  stylus. 

•  To  vary  the  angle  of  your  brush  strokes  by  varying  the  angle  of  the  stylus  on  the  Wacom  pressure- sensitive  tablet, 
select  the  Tilt  modifier. 

7  Drag  on  the  Stage.  To  constrain  brush  strokes  to  horizontal  and  vertical  directions,  Shift-drag. 

Create  custom  brushes 

The  Brush  Tool  allows  you  to  custom-define  a  brush  by  setting  parameters  of  the  brush  such  as  shape  and  angle.  This 
enables  you  to  create  natural  artwork  in  your  projects  by  customizing  the  brush  tool  to  suit  your  drawing  needs.  You 
can  choose,  edit  and  create  a  custom  brush  in  Flash  Professional  through  the  Property  Inspector,  when  the  brush  tool 
is  selected  in  the  toolbox.  To  learn  how  to  create,  edit,  and  delete  custom  brushes,  see  Custom  Brushes. 


Enhancing  strokes  and  shapes  using  the  Variable  Width  tool 

The  Width  tool  allows  you  to  embellish  a  stroke  by  adding  widths  of  varying  thickness.  Variable  width  can  then  be  saved 
as  Width  Profiles  that  can  be  applied  to  other  strokes.  You  can  select  the  Width  tool  from  the  Tools  panel  or  using  the 
Keyboard  Shortcut  (U). 

When  you  mouseover  a  stroke  with  the  Width  tool  selected,  points  (Width  Point)  appears  on  the  stroke  with  handles 
(Width  Handle).  You  can  adjust  the  stroke  width,  move  the  width  point,  copy  the  width  point,  and  delete  the  width 
point.  The  Width  information  is  displayed  in  the  Info  Panel  when  you  modify  Width  of  a  stroke. 

You  can  also  select  multiple  Width  Points,  and  perform  any  of  actions  (move,  copy,  or  delete)  mentioned  earlier. 

For  multiple  strokes,  the  Width  Tool  adjusts  only  the  active  stroke.  If  you  want  to  adjust  a  stroke,  mouse-over  the  stroke 
using  the  Width  Tool. 

Note:  Variable  Width  Strokes  are  converted  to  Uniform  strokes,  if  a  file  containing  variable  width  stroke  is  opened  using 
an  older  version  of  Flash  Professional. 

Adding  variable  width  to  a  stroke  using  Width  tool 

To  add  width  to  a  stroke,  do  the  following: 

❖  Draw  a  stroke  or  shape  using  any  of  the  tools.  For  example,  Line  tool. 


1  Select  the  Width  Tool  from  the  tools  panel. 
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2  With  the  Width  Tool  selected,  mouseover  the  stroke.  This  displays  potential  Width  Points  and  Width  Handles.  The 
tool  also  changes  its  appearance  to  ,  indicating  that  the  Width  Tool  is  active  and  variable  width  can  be  applied  to 
the  stroke. 


❖  With  the  point  selected  using  the  Width  Tool,  drag  the  Width  Handle  outwards. 
Note:  The  size  of  the  Width  is  constrained  to  100  pixels  on  either  side  of  the  Width  point. 


❖  You  can  see  that  variable  width  is  added  to  stroke.  Select  the  Width  Tool  and  mouseover  the  stroke,  this  displays  the 
new  Width  Point  and  Width  Handle. 
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Moving  or  copying  variable  width  applied  to  a  stroke 

You  can  move  or  copy  Width  Points  created  for  a  stroke,  which  in  effect,  moves  or  copies  variable  width  applied  to 
stroke.  To  move  a  width  point,  do  the  following: 

1  Select  the  Width  tool  ^^from  the  tools  panel. 

2  Mouseover  the  stroke  to  display  existing  width  points,  and  select  the  Width  Point  you  want  to  move. 

3  Drag  the  Width  Point  along  the  stroke. 

Note:  Movement  of  the  Width  Point  is  constrained  by  the  next  successive  Width  Point  on  either  sides. 


❖  Width  point  is  moved  to  its  new  location,  and  thereby  also  modifying  the  stroke  accordingly. 


To  copy  a  Width  Point,  do  the  following: 

1  Select  the  Width  tool  JT^from  the  tools  panel. 

2  Mouseover  the  stroke  to  display  existing  Width  Points,  and  select  the  point  you  want  to  copy. 

3  Hold  Alt  (Option  for  Mac)  and  drag  the  width  point  along  the  stroke  to  copy  the  selected  Width  point. 
Note:  Movement  of  the  point  is  constrained  by  the  next  successive  Width  Point  on  either  sides. 
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❖  Width  point  is  copied.  This  also  modifies  the  stroke  accordingly. 


Modifying  variable  width  of  a  stroke 

Modifying  the  variable  width  of  a  stroke  at  any  Width  point,  expands  or  contracts  the  stroke  equi-proportionally  on 
either  sides  of  the  Width  Point.  However,  if  you  want  to  modify  the  width  on  any  one  side  of  the  point,  do  the  following: 

1  Select  the  Width  tool  JT^from  the  tools  panel. 

2  Mouseover  the  stroke  to  display  existing  Width  Points,  and  choose  the  Width  Point  from  either  ends  of  the  Width 
Handle  that  you  want  to  modify. 

3  Hold  Alt  (Option  for  Mac)  and  drag  the  Width  Handle  outwards  to  modify  the  selected  Width  Point. 
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❖  The  Width  point  is  moved,  and  the  stroke  is  modified  accordingly. 


Deleting  variable  width  of  a  stroke 

To  delete  a  Width  point,  do  the  following: 

1  Mouse  over  and  select  the  Width  point  you  want  to  delete. 

2  Press  Backspace  or  Delete  to  delete  the  Width  point. 


Width  tool  controls 

The  following  table  lists  the  keyboard  modifiers  to  use  while  working  with  the  Width  tool: 
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Width  control  tasks 

Keyboard  modifiers 

Create  non-uniform  widths 

Alt+drag  (Windows)  or  Opt+drag  (Mac  OS) 

Create  a  copy  of  the  width  point 

Alt+drag  the  width  point  (Windows)  or  Opt+drag  the  width  point 
(Mac  OS) 

Copy  and  move  all  the  points  along  the  path 

Alt+Shift+drag  (Windows)  or  Opt+Shift+drag  (Mac  OS) 

Select  multiple  width  points  and  drag  them 

Shift+click+drag 

Delete  selected  width  points 

Delete 

Saving  width  profiles 

After  defining  the  stroke  width,  you  can  save  the  variable  width  profile  from  the  Properties  Inspector. 

1  Select  the  stroke  to  which  you  added  variable  width. 

2  Click  the  +  button  to  the  right  of  Width  drop-down  on  Properties  Inspector. 

3  On  the  Variable  Width  Profile  dialog,  enter  a  Profile  Name. 

4  Click  Ok. 


Width  profiles  can  then  be  applied  to  selected  paths  by  choosing  them  from  the  Width  Profile  drop-down  list  in  the 
Properties  Panel.  When  a  stroke  with  no  variable  width  is  selected,  the  list  displays  the  Uniform  option.  To  restore  the 
default  width  profile  set,  click  the  Reset  Profiles  button. 

Save  width  profile  is  enabled  only  when  variable  width  apart  from  default  width  profiles  is  selected  on  the  stage.  You 
can  create  your  own  stroke  profiles  using  width  tool  and  save  them.  Similarly,  delete  width  profile  icon  is  enabled  when 
custom  width  profile  is  selected  in  the  drop  down.  In  case  you  want  to  delete  any  custom  profile,  you  can  use  this  option. 

Note:  Restoring  the  default  width  profile  set  in  the  PI,  removes  any  custom  saved  profiles.  You  also  sync  the  customs  saved 
profiles  to  the  cloud. 
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(Flash  Professional  CC  only)  Live  Color  Preview 

Live  Color  Preview  feature  displays  the  stroke  and  fill  colors  simultaneous  when  drawing  a  shape  on  the  stage.  It  allows 
you  to  preview  the  near-final  appearance  of  a  shape  when  drawing.  This  feature  is  enabled  for  all  drawing  tools  available 
within  Flash  Pro. 

The  Live  Color  Preview  feature  is  also  enabled  for  Color  Swatches  within  Flash  Professional.  This  allows  you  to  preview 
changes  of  stroke  or  fill  colors  for  a  selected  shape  on  the  Stage.  By  hovering  the  pointer  over  a  desired  color,  you  can 
see  the  color  change. 

Live  Color  Preview  is  enabled  for  color  swatches  in  the  following  panels: 

•  Tools  panel 

•  Properties  Inspector  (PI) 

•  Stage  PI 

•  Text  PI 

•  Grid 

•  Guides 

More  Help  topics 

Adjust  Stroke  and  Fill  color 

Drawing  modes  and  graphic  objects 


Check  spelling 

Note:  Feature  deprecated  in  Flash  Professional  CC  release. 

You  can  check  spelling  in  text  throughout  your  Flash  Professional  document.  You  can  also  customize  the  spell  checker. 

Use  the  spell  checker 

1  Select  Text  >  Check  Spelling  to  view  the  Check  Spelling  dialog  box. 

The  box  in  the  upper-left  corner  identifies  words  not  found  in  the  selected  dictionaries,  and  also  identifies  the  type 
of  element  that  contains  the  text  (such  as  a  text  field  or  frame  label). 

2  Do  one  of  the  following: 

•  Click  Add  To  Personal  to  add  the  word  to  your  personal  dictionary. 

•  Click  Ignore  to  leave  the  word  unchanged.  Click  Ignore  All  to  leave  all  occurrences  of  the  word  in  the  document 
unchanged. 

•  Enter  a  word  in  the  Change  To  box  or  select  a  word  from  the  Suggestions  scroll  list.  Then  click  Change  to  change 
the  word  or  click  Change  All  to  change  all  occurrences  of  the  word  in  the  document. 

•  Click  Delete  to  delete  the  word  from  the  document. 

3  To  end  the  spelling  check,  do  one  of  the  following: 

•  Click  Close  to  end  spelling  before  Flash  Professional  reaches  the  end  of  the  document. 
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Continue  checking  spelling  until  you  see  a  notification  that  Flash  Professional  has  reached  the  end  of  the 
document,  then  click  No  to  end  spelling  checking.  (Click  Yes  to  continue  the  spelling  check  at  the  beginning  of 
the  document.) 


Customize  the  spelling  checker 

1  Do  one  of  the  following: 

•  Select  Text  >  Spelling  Setup.  (Use  this  option  if  you  have  not  used  the  Check  Spelling  feature  before.) 

•  In  the  Check  Spelling  dialog  box  (Text  >  Check  Spelling),  click  Setup. 

2  Set  any  of  the  following  options: 

Document  Options  Use  these  options  to  specify  which  elements  are  to  be  checked. 

Dictionaries  Lists  the  built-in  dictionaries.  You  must  select  at  least  one  dictionary  to  enable  spelling  checking. 

Personal  Dictionary  Enter  a  path  or  click  the  folder  icon  and  browse  to  a  document  to  use  as  a  personal  dictionary. 
(You  can  modify  this  dictionary.) 

Edit  Personal  Dictionary  Adds  words  and  phrases  to  your  personal  dictionary.  In  the  Personal  Dictionary  dialog 
box,  enter  each  new  item  on  a  separate  line  in  the  text  field. 

Checking  Options  Use  these  options  to  control  how  Flash  Professional  handles  specific  types  of  words  and 
characters  when  checking  spelling. 


Working  with  Photoshop  PSD  files  in  Flash 


Working  with  Photoshop  and  Flash 

You  can  use  Adobe*  Photoshop*  and  Adobe*  Flash*  together  to  create  visually  compelling  web-based  applications, 
animations,  or  interactive  messaging  elements.  Photoshop  lets  you  create  still  images  and  artwork,  providing  a  high 
degree  of  creative  control.  Flash  lets  you  bring  those  still  images  together  and  incorporate  them  into  interactive  Internet 
content. 

The  Photoshop  drawing  and  selection  tools  provide  you  with  a  greater  degree  of  creative  control  than  the  tools  found 
in  Flash.  If  you  have  to  create  complex  visual  images,  or  retouch  photographs  for  use  in  interactive  presentations,  use 
Photoshop  to  create  your  artwork,  and  then  import  the  finished  images  into  Flash. 

Importing  still  images  into  Flash 

Flash  can  import  still  images  in  many  formats,  but  you  usually  use  the  native  Photoshop  PSD  format  when  importing 
still  images  from  Photoshop  into  Flash. 

When  importing  a  PSD  file,  Flash  can  preserve  many  of  the  attributes  that  were  applied  in  Photoshop,  and  provides 
options  for  maintaining  the  visual  fidelity  of  the  image  and  further  modifying  the  image.  When  you  import  a  PSD  file 
into  Flash,  you  can  choose  whether  to  represent  each  Photoshop  layer  as  Flash  layers  or  individual  keyframes. 

(Flash  Professional  CS6  and  earlier  versions  only)  Exchanging  QuickTime  movies 

You  can  exchange  QuickTime  video  files  between  Photoshop  and  Flash.  For  example,  you  can  render  a  QuickTime 
movie  directly  from  Photoshop,  and  then  import  it  into  Flash,  converting  it  into  an  FLV  (Flash  Video)  file,  which  can 
be  played  in  Flash*  Player. 
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When  you  use  Photoshop  to  modify  video  footage,  you  can  paint  nondestructively  on  its  frames.  When  you  save  a 
Photoshop  file  with  a  video  layer,  you  are  saving  the  edits  that  you  made  to  the  video  layer,  not  edits  to  the  footage  itself. 

Note:  When  you  import  a  QuickTime  video  file  from  Photoshop  to  Flash,  use  the  Import  Video  dialog  box  (File  >  Import 
Video).  Using  the  Photoshop  PSD  import  feature  to  import  video  only  imports  the  first  frame  of  a  video  file. 

You  can  also  export  Flash  documents  as  QuickTime  video,  and  import  them  into  Photoshop  where  you  can  paint  non¬ 
destructively  on  the  video  frames.  For  example,  you  can  create  an  animated  sequence  in  Flash,  export  the  Flash 
document  as  a  QuickTime  video,  and  then  import  the  video  into  Photoshop. 

Color 

Flash  works  internally  with  colors  in  the  RGB  (red,  green,  blue)  or  HSB  (hue,  saturation,  brightness)  color  space. 
Although  Flash  can  convert  CMYK  images  to  RGB,  you  should  create  Photoshop  artwork  in  RGB.  Before  you  import 
CMYK  artwork  from  Photoshop  into  Flash,  convert  the  image  to  RGB  in  Photoshop. 

About  importing  Photoshop  PSD  files 

Flash  Professional  lets  you  import  Photoshop  PSD  files  and  preserves  most  of  your  artwork's  data.  The  PSD  Importer 
also  lets  you  control  how  your  Photoshop  artwork  is  imported  into  Flash  Professional,  letting  you  specify  how  to  import 
specific  objects  in  a  PSD  file,  as  well  as  specifying  that  the  PSD  file  be  converted  to  a  Flash  Professional  movie  clip. 

The  Flash  Professional  PSD  Importer  provides  the  following  key  features: 

•  PSD  files  imported  into  Flash  Professional  maintain  their  color  fidelity  from  Photoshop. 

•  Preserves  editability  of  blend  modes  that  both  Flash  Professional  and  Photoshop  have  in  common. 

•  Smart  Objects  in  the  PSD  file  are  rasterized,  and  imported  into  Flash  Professional  as  bitmaps  which  preserves  object 
transparency. 

•  Converts  the  PSD  file  layers  to  individual  Flash  Professional  layers  or  keyframes  or  imports  the  PSD  file  as  a  single 
bitmap  image,  in  which  case  Flash  Professional  flattens  (rasterizes)  the  file. 

•  Drag-and-drop  from  Photoshop  to  Flash  Professional  invokes  the  PSD  file  importer,  letting  you  choose  how  to 
import  your  Photoshop  artwork. 

Videos  and  tutorials 

The  following  videos  and  tutorials  demonstrate  working  with  Photoshop  and  Flash  Professional.  Some  videos  show  the 
Flash  Professional  CS3  or  CS4  workspace,  but  are  still  applicable  to  Flash  Professional  CS5. 

•  Video:  Import  Photoshop  files  to  Flash  (CS3)  (7:01) 

•  Video:  Designing  websites  with  Photoshop  and  Flash  (CS3)  (6:01) 

•  Blog:  Want  to  create  Photoshop  apps  with  AIR,  Flash,  and  AS3?  (Daniel  Koestler,  Adobe) 

Compatibility  between  Flash  and  Photoshop 

Certain  visual  attributes  can  either  not  be  accurately  imported,  or,  after  they  are  imported,  lose  their  ability  to  be  further 
edited  in  the  Flash  Professional  authoring  environment.  The  PSD  Importer  provides  you  with  several  options  to  import 
and  place  artwork  to  best  maintain  its  visual  appearance  and  editability.  However,  certain  visual  attributes  cannot  be 
preserved.  Use  the  following  guidelines  to  improve  the  appearance  of  PSD  files  imported  into  Flash  Professional: 

•  Flash  Professional  supports  only  the  RGB  color  space,  and  not  the  CMYK  color  space,  which  is  common  in  printing. 
Flash  Professional  can  convert  CMYK  images  to  RGB;  however,  colors  are  better  preserved  if  you  convert  CMYK 
colors  to  RGB  in  Photoshop. 

•  Flash  Professional  can  import  the  following  Photoshop  blend  modes,  and  maintain  their  editability:  Normal, 
Darken,  Multiply,  Lighten,  Screen,  Hard  Light,  Difference,  and  Overlay. 
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If  you  use  a  blend  mode  that  Flash  Professional  does  not  support,  you  can  rasterize  the  layer  to  maintain  its  visual 
appearance,  or  remove  the  blend  mode  from  the  layer. 

•  Flash  Professional  cannot  import  Photoshop  Smart  Objects  as  editable  objects.  To  preserve  the  visual  attributes  of 
Smart  Objects,  they  are  rasterized  and  imported  into  Flash  Professional  as  bitmaps. 

•  Flash  Professional  can  only  import  the  first  frame  of  Photoshop  Video  layers. 

•  Image  and  Fill  layers  are  always  rasterized  when  imported  into  Flash  Professional. 

•  PNG  objects  in  Photoshop  are  converted  to  JPG  files  when  imported  into  Flash  Professional.  Transparency  in  the 
original  PNG  is  preserved  in  the  resulting  JPG  file. 

•  Photoshop  does  a  better  job  of  scaling  bitmap  images  than  Flash  Professional.  If  you  know  that  you  plan  to  scale  a 
bitmap  that  is  coming  from  Photoshop  into  Flash  Professional,  scale  the  bitmap  in  Photoshop  before  importing  it 
into  Flash  Professional. 

•  When  importing  objects  containing  transparent  areas  as  flattened  bitmaps,  any  objects  on  the  layers  behind  the 
transparent  portion  of  the  object  will  be  visible  through  the  transparent  area — assuming  the  objects  behind  the 
object  containing  transparency  are  also  being  imported.  To  prevent  this,  import  only  the  transparent  object  as  a 
flattened  bitmap. 

To  import  multiple  layers  and  maintain  transparency  without  having  any  visible  remnants  of  the  layers  behind  the 
transparency,  import  the  PSD  file  using  the  Bitmap  Image  With  Editable  Layer  Styles  option.  This  will  encapsulate 
the  imported  objects  as  a  movie  clip,  and  use  the  movie  clip's  transparency.  This  is  particularly  useful  if  you  need  to 
animate  the  different  layers  in  Flash  Professional. 

Import  Photoshop  PSD  files 

Photoshop  format  (PSD)  is  the  default  Photoshop  file  format.  Flash  Professional  can  directly  import  PSD  files  and 

preserve  many  Photoshop  features,  retaining  the  image  quality  and  editability  of  the  PSD  file  in  Flash  Professional.  You 

can  also  flatten  PSD  files  when  importing  them,  creating  a  single  bitmap  image  file  that  retains  the  image’s  visual  effects 

but  removes  the  hierarchical  layer  information  native  to  the  PSD  file  format. 

For  a  video  tutorial  about  designing  websites  with  Photoshop  and  Flash  Professional,  see  www.adobe.com/ go/vid0201. 
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A  Layers  in  the  PSD  file  being  imported  B  Import  options  available  for  the  selected  layer  or  object 

1  Select  File  >  Import  To  Stage  or  Import  To  Library. 

2  Navigate  to  the  Adobe  Photoshop  PSD  file  to  import,  select  it,  and  click  OK. 

3  (Optional)  In  the  PSD  Import  dialog  box,  select  layers,  groups,  and  individual  objects  and  choose  how  to  import 
each  item. 
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4  For  Convert  Layers  To,  select  one  of  the  following: 

Flash  Layers  All  selected  layers  in  the  Select  Photoshop  layers  list  are  placed  on  their  own  layer.  Each  layer  is  labeled 
with  the  name  of  the  layer  in  the  Photoshop  file.  The  layers  in  Photoshop  are  objects  on  the  individual  layers.  The 
objects  also  have  the  name  of  the  layer  in  Photoshop  when  put  into  the  Library  panel. 

Keyframes  All  selected  layers  in  the  Select  Photoshop  layers  list  are  placed  in  individual  keyframes  on  a  new  layer. 
The  new  layer  is  named  for  the  Photoshop  file  (for  example,  myfile.psd).  The  layers  in  Photoshop  become  objects 
on  the  individual  keyframes.  The  objects  also  have  the  name  of  the  layer  in  Photoshop  when  put  into  the  Library 
panel. 

5  For  the  remaining  options,  select  from  the  following: 

Place  Layers  At  Original  Position  The  contents  of  the  PSD  file  retain  the  exact  position  that  they  had  in  Photoshop. 
For  example,  if  an  object  was  positioned  at  X  =  100  Y  =  50  in  Photoshop,  it  assumes  the  same  coordinates  on  the 
Flash  Professional  Stage. 

If  this  option  is  not  selected,  the  imported  Photoshop  layers  are  centered  on  the  Stage.  The  items  in  the  PSD  file 
remain  relative  to  each  other  when  imported;  however,  all  objects  are  centered  as  one  block  in  the  current  view.  This 
feature  can  be  useful  if  you  are  zoomed  in  to  an  area  of  the  Stage  and  are  importing  a  specific  object  for  that  area  of 
the  Stage.  If  you  imported  the  object  using  the  original  coordinates,  you  might  not  see  it  imported,  because  it  might 
be  placed  outside  of  the  current  stage  view. 

note:  When  you  import  the  PSD  file  to  the  Flash  Professional  library,  this  option  is  not  available. 

Set  Stage  Size  To  Same  Size  As  Photoshop  Canvas  The  Flash  Professional  Stage  size  resizes  to  the  same  size  as  the 
Photoshop  document  size  (or  active  crop  area)  used  to  create  the  PSD  file.  This  option  is  not  selected  by  default. 

note:  When  you  import  the  PSD  file  to  the  Flash  Professional  library  this  option  is  not  available. 

6  Click  OK. 

Importing  PSD  files  to  the  Flash  library 

Importing  a  PSD  file  into  the  library  is  similar  to  importing  to  the  Stage.  When  you  import  a  PSD  file  into  the  library, 
the  root  folder  uses  the  name  of  the  PSD  file.  After  the  PSD  file  is  imported  into  the  library,  you  can  change  the  name 
of  the  root  folder,  or  move  the  layers  out  of  the  folder.note:  The  library  orders  the  contents  of  the  imported  PSD  file 
alphabetically.  The  hierarchical  grouping  and  folder  structure  remains  the  same,  but  the  library  reorders  them 
alphabetically 

A  movie  clip  is  created  that  contains  all  of  the  content  of  the  PSD  file  imported  to  its  timeline,  as  if  the  content  were 
imported  to  the  Stage.  Almost  all  movie  clips  have  a  bitmap  or  other  asset  associated  with  them.  To  minimize  confusion 
and  naming  conflicts,  these  assets  are  stored  in  an  Assets  folder  in  the  same  folder  as  the  movie  clip.nofe:  When  you 
import  to  the  library  the  PSD  file's  contents  are  imported  to  the  movie  clip's  timeline,  not  the  main  Flash  timeline. 


Photoshop  Import  options 

When  you  import  a  Photoshop  PSD  file  that  contains  multiple  layers,  you  can  set  the  following  options: 

Layer  Comp  If  the  Photoshop  file  contains  layer  comps,  you  can  specify  which  version  of  the  image  to  import.  A  layer 
comp  is  a  snapshot  of  a  state  of  the  Photoshop  Layers  palette.  Layer  comps  record  three  types  of  layer  options,  all  of 
which  are  imported  into  Flash  Professional: 

•  Layer  visibility:  whether  a  layer  is  displayed  or  hidden. 

•  Layer  position  in  the  document. 

•  Layer  appearance:  whether  a  layer  style  is  applied  to  the  layer  and  the  layer’s  blending  mode. 
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If  no  layer  comps  are  present,  this  pop-up  menu  is  hidden.  Flash  Professional  supports  all  aspects  of  the  layer  comp’s 
fidelity,  including  visibility,  position,  and  layer  style. 

Importing  text  objects 

Text  objects  are  text  layers  in  Photoshop.  Choose  how  to  import  text  into  Flash  Professional. 

Editable  Text  Creates  an  editable  text  object  from  the  text  on  the  selected  Photoshop  layer.  The  appearance  of  the  text 
might  be  compromised  to  maintain  the  editability  of  the  text.  If  you  import  the  text  as  a  movie  clip,  the  movie  clip 
contains  an  editable  text  object.Mote:  When  importing  editable  text  into  the  library,  it  must  be  inside  a  movie  clip.  Only 
movie  clips,  bitmaps,  and  graphic  symbols  can  be  stored  in  the  library.  When  Editable  Text  is  selected  as  an  option  for  a 
text  layer  being  imported  into  the  library,  it  is  automatically  imported  as  a  graphic  symbol. 

Vector  Outlines  Converts  text  to  vector  paths  to  preserve  the  visual  appearance  of  the  text.  The  text  itself  is  no  longer 
editable,  but  opacity  and  compatible  blend  mode  maintain  their  editability.  If  this  option  is  selected,  the  object  must  be 
converted  to  a  movie  clip.nofe:  (Windows  8  only)  If  a  PSD  file  containing  text  is  imported  with  the  Vector  Outline  option 
selected,  you  cannot  edit  the  anchor  points  for  the  vector  object.  This  is  observed  with  PSD  files  that  were  created  using  fonts 
unavailable  in  Windows  8. 

Flattened  Bitmap  Image  Rasterizes  the  text  into  a  bitmap  to  preserve  the  exact  appearance  of  the  text  layer  in 
Photoshop.  Rasterized  text  is  no  longer  editable.Mofe:  When  importing  text  on  a  path  you  must  import  it  as  a  flattened 
bitmap  image  to  preserve  the  visual  fidelity  of  the  object. 

Importing  shape  objects 

A  Shape  Layer  object  is  an  object  that  was  originally  a  shape  layer  in  Photoshop  or  an  image  layer  with  a  vector  clipping 
mask  on  it. 

Editable  Paths  And  Layer  Styles  Creates  an  editable  vector  shape  with  a  bitmap  clipped  inside  the  vector.  Supported 
blend  modes,  filters,  and  opacity  are  maintained.  Unsupported  blend  modes  that  cannot  be  reproduced  in  Flash 
Professional  are  removed.  The  object  must  be  converted  to  a  movie  clip. 

Flattened  Bitmap  Image  Rasterizes  the  shape  into  a  bitmap  to  preserve  the  exact  appearance  of  the  shape  layer  in 
Photoshop.  A  rasterized  image  is  no  longer  editable. 

Importing  image  or  fill  layers 

If  the  image  or  fill  layer  is  associated  with  a  vector  mask,  it  is  treated  as  a  shape  layer  object. 

Bitmap  Image  With  Editable  Layer  Styles  Creates  a  movie  clip  with  a  bitmap  inside.  Supported  blend  modes,  filters, 
and  opacity  are  maintained.  Unsupported  blend  modes  that  cannot  be  reproduced  in  Flash  Professional  are  removed. 
The  object  must  be  converted  to  a  movie  clip. 

Flattened  Bitmap  Image  Rasterizes  the  image  into  a  bitmap  to  preserve  the  exact  appearance  of  the  image  or  fill  layer 
in  Photoshop. 

(Flash  Professional  CS6  and  earlier  versions  only)  Importing  merged  bitmap  objects  and 
objects  in  a  merged  bitmap 

A  merged  bitmap  is  an  object  that  contains  more  than  one  Photoshop  layer  that  is  flattened  (or  merged)  into  a  single 
bitmap  when  imported  into  Flash  Professional.  Objects  in  a  merged  bitmap  represent  layers  in  Photoshop.  To  create  a 
merged  bitmap,  select  two  or  more  layers,  and  select  the  Merge  Layers  button. 
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(Flash  Professional  CS6  and  earlier  versions  only)  Importing  multiple  objects  of  different 
types 

If  you  import  multiple  objects  of  different  types,  Flash  Professional  only  lets  you  import  the  selected  objects  with  the 
import  options  they  share  in  common,  such  as  Create  Movie  Clip  and  Registration. 

Importing  multiple  objects  of  the  same  type 

If  you  import  multiple  objects  of  the  same  type,  the  import  options  displayed  are  the  same  as  if  a  single  object  of  that 
type  was  selected.  If  the  objects  do  not  share  the  same  attributes,  the  import  options  displayed  are  in  an  indeterminate 
state,  and  your  results  may  not  be  as  expected. 

(Flash  Professional  CS6  and  earlier  versions  only)  Importing  a  Group  folder 

When  you  import  a  group  folder,  you  can  import  it  as  a  movie  clip,  or  place  each  layer  in  the  group  on  its  own  layer  or 
keyframe  on  the  timeline. 

If  you  select  Import  As  Movie  Clip,  each  layer  in  the  group  folder  is  placed  on  a  layer  in  a  movie  clip,  which  is  then 
placed  on  its  own  layer  or  keyframe  on  the  timeline.  The  movie  clip  uses  the  same  name  as  that  group  folder  had  in 
Photoshop,  and  if  you  import  the  movie  clip  to  a  Flash  Professional  layer,  the  layer  uses  the  same  name. 

If  you  do  not  place  the  group  in  a  movie  clip,  each  layer  is  converted  to  the  type  that  is  currently  set  for  it,  and  each  layer 
in  the  group  is  imported  to  its  own  Flash  Professional  layer.  The  Flash  Professional  layers  are  named  for  the  individual 
layers  in  the  PSD  file. 

(Flash  Professional  CS6  and  earlier  versions  only)  Importing  and  merging  layers 

The  PSD  Importer  lets  you  merge  two  or  more  layers  into  a  merged  bitmap  that  is  imported  as  a  single  bitmap  file  rather 
than  individual  objects. 

The  layers  you  select  to  create  a  merged  bitmap  must  be  a  continuous  range  of  two  or  more  layers  at  the  same  level.  For 
example,  you  cannot  select  one  layer  inside  a  group  and  a  layer  outside  that  group,  and  merge  them.  Instead,  you  must 
select  the  entire  group  and  the  separate  layer. 

Setting  publish  options 

The  publish  settings  in  the  PSD  Importer  let  you  specify  the  degree  of  compression  and  document  quality  to  apply  to 
the  image  when  publishing  the  Flash  Professional  document  as  a  SWF  file.  These  settings  take  effect  only  when  you 
publish  the  document  as  a  SWF  file  and  have  no  effect  on  the  image  when  you  import  it  to  the  Flash  Professional  Stage 
or  library. 

Compression  Lets  you  choose  either  lossy  or  lossless  compression  formats: 

Lossy  Lossy  (JPEG)  compresses  the  image  in  JPEG  format.  To  use  the  default  compression  quality  specified  for  the 
imported  image,  select  Use  Publish  Setting.  To  specify  a  new  quality  compression  setting,  select  the  Custom  option  and 
enter  a  value  between  1  and  100  in  the  Quality  text  field.  (A  higher  setting  preserves  greater  image  integrity  but  yields 
a  larger  file  size.) 

Lossless  Lossless  (PNG/GIF)  compresses  the  image  with  lossless  compression,  in  which  no  data  is  discarded  from  the 
image. 

note:  Use  lossy  compression  for  images  with  complex  color  or  tonal  variations,  such  as  photographs  or  images  with  gradient 
fills.  Use  lossless  compression  for  images  with  simple  shapes  and  relatively  few  colors. 

Calculate  Bitmap  Size  Determines  the  number  of  bitmaps  that  are  created  for  a  given  layer  based  on  your  import 
selections  and  the  compressed  size  in  kilobytes  of  the  resulting  bitmaps  on  the  layer.  For  example,  if  you  select  a  layer 
with  a  drop  shadow  and  a  blur  and  maintain  layer  styles,  the  Calculate  Bitmap  Size  information  states  that  three  bitmaps 
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will  result  from  the  import — one  for  each  filter  effect  and  another  for  the  image  itself.  To  calculate  the  size  of  all  the 
bitmaps  to  be  imported,  select  all  of  the  layers  and  click  Calculate  Bitmap  Size. 


(Flash  Professional  CS6  and  earlier  versions  only)  Photoshop  file  importer 
preferences 

The  Flash  Preferences  dialog  box  lets  you  set  import  preferences  for  Photoshop  PSD  files.  The  preferences  you  specify 
for  importing  PSD  files  affect  the  options  the  PSD  Import  dialog  box  is  initially  populated  with  for  the  Photoshop  layer 
types. 

Note:  To  override  the  preferences  specified  for  different  layer  types  on  an  object  by  object  basis,  use  the  PSD  Import  dialog 
box.  Select  the  layer  to  change  import  options  for,  and  specify  the  necessary  options. 

Import  Image  Layers  Preferences 

These  options  specify  how  the  import  options  for  image  layers  will  initially  be  set.  You  can  import  image  layers  as  any 
of  the  following: 

Bitmap  Images  With  Editable  Layer  Styles  Creates  a  movie  clip  with  a  bitmap  nested  inside.  Specifying  this  option 
maintains  supported  blend  modes  and  opacity,  but  other  visual  attributes  that  cannot  be  reproduced  in  Flash  will  be 
removed.  If  this  option  is  selected,  the  object  must  be  converted  into  a  movie  clip. 

Flattened  Bitmap  Images  Rasterizes  any  text  into  a  flattened  bitmap  image  to  maintain  the  exact  appearance  the  text 
layer  had  in  Photoshop. 

Create  Movie  Clips  Specifies  that  the  image  layers  be  converted  to  movie  clips  when  imported  into  Flash.  This  option 
can  be  changed  in  the  PSD  Import  dialog  box  on  a  layer  by  layer  basis  if  you  do  not  want  all  of  the  image  layers  to  be 
converted  to  movie  clips. 

Text  layer  import  preferences 

These  options  specify  how  the  import  options  for  text  layers  will  initially  be  set. 

Editable  Text  Creates  an  editable  text  object  from  the  text  on  the  Photoshop  text  layer.  The  appearance  of  the  text  will 
be  sacrificed  to  maintain  the  editability  of  the  text.  If  this  option  is  selected,  the  object  must  be  converted  into  a  movie 
clip. 

Vector  Outlines  Vectorizes  the  text  into  paths.  The  appearance  of  the  text  may  be  altered,  but  visual  attributes  will  be 
maintained.  If  this  option  is  selected,  the  object  must  be  converted  into  a  movie  clip. 

Flattened  Bitmap  Images  Rasterize  the  text  to  maintain  the  exact  appearance  the  text  layer  had  in  Photoshop. 

Create  Movie  Clips  Automatically  converts  the  text  layer  to  a  movie  clip  when  imported  into  Flash.  This  option  can  be 
changed  in  the  PSD  Import  dialog  box  on  an  object  by  object  basis  if  you  do  not  want  all  of  the  text  layers  to  be 
converted  to  movie  clips.  This  option  is  required  when  either  Editable  Text  or  Vector  Outlines  is  selected. 

Shape  layer  import  preferences 

These  options  specify  how  the  import  options  for  shape  layers  will  initially  be  set. 

Editable  Paths  And  Layer  Styles  This  option  will  create  an  editable  vector  shape  with  a  bitmap  clipped  inside  the  vector 
shape.  Supported  blend  modes  and  opacity  will  also  be  maintained  with  this  option,  but  other  visual  attributes  that 
cannot  be  reproduced  in  Flash  will  be  sacrificed.  If  this  option  is  selected,  then  the  object  must  be  converted  into  a 
movie  clip. 

Flattened  Bitmap  Images  This  option  will  rasterize  the  shape  and  maintain  the  exact  appearance  the  shape  layer  had 
in  Photoshop. 
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Create  Movie  Clips  This  option  will  set  the  shape  layers  to  be  converted  to  a  movie  clip  when  imported  into  Flash.  This 
option  can  be  changed  on  an  object  by  object  basis  if  you  do  not  want  some  shape  layers  to  be  converted  to  movie  clips. 
This  option  is  disabled  if  the  Maintain  Editable  Paths  and  Layers  Styles  checkbox  is  checked. 

Layer  group  import  preferences 

This  option  specifies  how  the  options  for  layer  groups  will  initially  be  set. 

Create  Movie  Clips  Specifies  that  all  groups  be  converted  to  a  movie  clip  when  imported  into  Flash.  This  can  be 
changed  on  an  object  by  object  basis  if  you  do  not  want  some  layer  groups  to  be  movie  clips. 

Merged  bitmap  import  preferences 

This  option  specifies  how  the  import  options  for  merged  bitmaps  will  initially  be  set. 

Create  Movie  Clips  This  option  will  set  the  merged  bitmaps  to  be  converted  to  a  movie  clip  when  imported  into  Flash. 
This  option  can  be  changed  on  an  object  by  object  basis  if  you  do  not  want  some  merged  bitmaps  to  be  converted  to 
movie  clips.  This  option  is  disabled  if  the  Maintain  Editable  Paths  And  Layers  Styles  checkbox  is  checked. 

Movie  clip  registration  import  preferences 

Specifies  a  global  registration  point  for  movies  that  are  created.  This  setting  applies  to  the  registration  point  for  all 
object  types.  This  option  can  be  changed  on  an  object  by  object  basis  in  the  PSD  Import  dialog  box;  this  is  the  initial 
setting  for  all  object  types.  For  more  information  on  movie  clip  registration,  see  Edit  symbols. 

Publish  settings  for  imported  images 

The  publish  settings  preferences  for  a  FLA  file  let  you  specify  the  degree  of  compression  and  document  quality  to  apply 
to  images  when  publishing  the  Flash  Professional  document  as  a  SWF  file.  These  settings  take  effect  only  when  you 
publish  the  document  as  a  SWF  file,  and  have  no  effect  on  the  image  when  you  import  it  to  the  Flash  Professional  stage 
or  library. 

Compression  Lets  you  choose  either  lossy  or  lossless  compression  formats: 

Lossy  Lossy  (JPEG)  compresses  the  image  in  JPEG  format.  To  use  the  default  compression  quality  specified  for  the 
imported  image,  select  Use  Publish  Setting.  To  specify  a  new  quality  compression  setting,  select  the  Custom  option  and 
enter  a  value  between  1  and  100  in  the  Quality  text  field.  (A  higher  setting  preserves  greater  image  integrity  but  yields 
a  larger  file  size.) 

Lossless  Lossless  (PNG/GIF)  compresses  the  image  with  lossless  compression,  in  which  no  data  is  discarded  from  the 
image. 

note:  Use  lossy  compression  for  images  with  complex  color  or  tonal  variations,  such  as  photographs  or  images  with  gradient 
fills.  Use  lossless  compression  for  images  with  simple  shapes  and  relatively  few  colors. 

Quality  Lets  you  set  a  quality  level  for  the  comression. 

Use  Publish  Setting  Applies  the  current  JPEG  Quality  setting  from  the  Publish  Settings. 

Custom  Lets  you  specify  a  separate  specific  quality  setting. 

More  Help  topics 

Export  QuickTime 

Set  preferences  in  Flash 
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3D  graphics 


About  3D  graphics  in  Flash 

Flash  Professional  allows  you  to  create  3D  effects  by  moving  and  rotating  movie  clips  in  3D  space  on  the  Stage.  Flash 
Professional  represents  3D  space  by  including  a  z  axis  in  the  properties  of  each  movie  clip  instance.  You  add  3D 
perspective  effects  to  movie  clip  instances  by  moving  them  along  their  x  axis  or  rotating  them  around  their  x  or  y  axis 
using  the  3D  Translation  and  3D  Rotation  tools.  In  3D  terminology,  moving  an  object  in  3D  space  is  called  a  translation 
and  rotating  an  object  in  3D  space  is  called  a  transformation.  Once  you  have  applied  either  of  these  effects  to  a  movie 
clip,  Flash  Professional  considers  it  a  3D  movie  clip  and  a  colored  axes  indicator  appears  overlaid  onto  the  movie  clip 
whenever  it  is  selected. 

To  make  an  object  appear  nearer  or  further  away  from  the  viewer,  move  it  along  its  z  axis  with  the  3D  Translation  tool 
or  the  Property  inspector.  To  give  the  impression  of  an  object  that  is  at  an  angle  to  the  viewer,  rotate  the  movie  clip 
around  its  z  axis  with  the  3D  Rotation  tool.  By  using  these  tools  in  combination,  you  can  create  realistic  perspective 
effects. 

Both  the  3D  Translation  and  the  3D  Rotation  tools  allow  you  to  manipulate  objects  in  global  or  local  3D  space.  Global 
3D  space  is  the  Stage  space.  Global  transforms  and  translations  are  relative  to  the  Stage.  Local  3D  space  is  the  movie 
clip  space.  Local  transforms  and  translations  are  relative  to  the  movie  clip  space.  For  example,  if  you  have  a  movie  clip 
containing  several  nested  movie  clips,  local  3D  transforms  of  the  nested  movie  clips  are  relative  to  the  drawing  area 
inside  the  container  movie  clip.  The  default  mode  of  the  3D  Translation  and  Rotation  tools  is  global.  To  use  them  in 
local  mode,  click  the  Global  toggle  button  in  the  Options  section  of  the  Tools  panel. 

By  using  the  3D  properties  of  movie  clip  instances  in  your  FLA  file,  you  can  create  a  variety  of  graphic  effects  without 
duplicating  movie  clips  in  the  library.  However,  when  you  edit  a  movie  clip  from  the  library,  3D  transforms  and 
translations  that  have  been  applied  are  not  visible.  When  editing  the  contents  of  a  movie  clip,  only  3D  transforms  of 
nested  movie  clips  are  visible. 
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Note:  Once  a  3D  transform  is  added  to  a  movie  clip  instance,  its  parent  movie  clip  symbol  cannot  be  edited  in  Edit  in  Place 
mode. 

If  you  have  3D  objects  on  the  Stage,  you  can  add  certain  3D  effects  to  all  of  those  objects  as  a  group  by  adjusting  the 
Perspective  Angle  and  Vanishing  Point  properties  of  your  FLA  file.  The  Perspective  Angle  property  has  the  effect  of 
zooming  the  view  of  the  Stage.  The  Vanishing  Point  property  has  the  effect  of  panning  the  3D  objects  on  the  Stage. 
These  settings  only  affect  the  appearance  of  movie  clips  that  have  a  3D  transform  or  translation  applied  to  them. 

In  the  Flash  Professional  authoring  tool,  you  can  control  only  one  viewpoint,  or  camera.  The  camera  view  of  your  FLA 
file  is  the  same  as  the  Stage  view.  Each  FLA  file  has  only  one  perspective  Angle  and  Vanishing  Point  setting. 

To  use  the  3D  capabilities  of  Flash  Professional,  the  publish  settings  of  your  FLA  file  must  be  set  to  Flash  Player  10  and 
ActionScript  3.0.  Only  movie  clip  instances  can  be  rotated  or  translated  along  the  z  axis.  Some  3D  capabilities  are 
available  through  ActionScript  that  are  not  available  directly  in  the  Flash  Professional  user  interface,  such  as  multiple 
Vanishing  Points  and  separate  cameras  for  each  movie  clip.  Using  ActionScript  3.0,  you  can  apply  3D  properties  to 
objects  such  as  text,  FLV  Playback  components,  and  buttons,  in  addition  to  movie  clips. 

Note:  The  3D  tools  cannot  be  used  on  objects  on  mask  layers  and  layers  containing  3D  objects  cannot  be  used  as  mask 
layers.  For  more  information  about  mask  layers,  see  Using  mask  layers. 

Additional  resources 

The  following  resources  provide  additional  detailed  information  about  working  with  3D  graphics  in  Flash  Professional: 
Video  tutorials: 

•  Working  with  3D  art  (5:02)  (Adobe.com) 

•  Flash  Downunder  -  3D  rotation  and  3D  translation  (25:50)  (Adobe.com) 

•  Layers  TV  -  Episode  74:  3D  tools  and  sound  (23:09)  (Adobe.com) 

Articles: 

•  Mariko  Ogawa  has  written  a  detailed  article  titled  Exploring  the  new  3D  features  in  Flash  Professional  in  the  Adobe 
Flash  Developer  Center.  The  article  describes  using  the  3D  tools,  animating  3D  properties,  and  working  with  3D  in 
ActionScript  3.0. 
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Move  objects  in  3D  space 

You  move  movie  clip  instances  in  3D  space  with  the  3D  Translation  tool  ^  .  When  you  select  a  movie  clip  with  the 
tool,  its  three  axes,  X,  Y,  and  Z,  appear  on  the  Stage  on  top  of  the  object.  The  x  axis  is  red,  the  y  axis  is  green,  and  the  z 
axis  is  blue. 

The  default  mode  of  the  3D  Translation  tool  is  global.  Moving  an  object  in  global  3D  space  is  the  same  as  moving  it 
relative  to  the  Stage.  Moving  an  object  in  local  3D  space  is  the  same  as  moving  it  relative  to  its  parent  movie  clip  if  it  has 
one.  To  toggle  the  3D  Translation  tool  between  global  and  local  modes,  click  the  Global  toggle  button  in  the  Options 
section  of  the  Tools  panel  while  the  3D  Translation  tool  is  selected.  You  can  temporarily  toggle  the  mode  from  global 
to  local  by  pressing  the  D  key  while  dragging  with  the  3D  Translation  tool. 

The  3D  Translation  and  Rotation  tools  occupy  the  same  space  in  the  Tools  panel.  Click  and  hold  the  active  3D  tool  icon 
in  the  Tools  panel  to  select  the  currently  inactive  3D  tool. 

By  default,  selected  objects  that  have  3D  translation  applied  appear  with  a  3D  axis  overlay  on  the  Stage.  You  can  turn 
off  this  overlay  in  the  General  section  of  Flash  Preferences. 


Note:  Changing  the  z  axis  position  of  a  3D  movie  clip  will  cause  the  movie  clip  to  appear  to  change  its  x  and  y  position  as 
well.  This  is  because  movement  along  the  z  axis  follows  the  invisible  perspective  lines  which  radiate  from  the  3D  vanishing 
point  (set  in  the  3D  symbol  instance  Property  inspector)  to  the  edges  of  the  Stage. 

Move  a  single  object  in  3D  space 

1  Select  the  3D  Translation  tool  ^  in  the  Tools  panel  (or  press  the  G  key  to  select  it). 

2  Set  the  tool  to  Local  or  Global  mode. 

Be  sure  that  the  tool  is  in  the  mode  you  want  mode  by  checking  the  Global  toggle  button  in  the  Options  section  of 
the  Tools  panel.  Click  the  button  or  press  the  D  key  to  toggle  the  mode. 

3  Select  a  movie  clip  with  the  3D  Translation  tool  ^  . 

4  To  move  the  object  by  dragging  with  the  tool,  move  the  pointer  over  the  x-,  y-,  or  z-axis  controls.  The  pointer 
changes  when  over  any  of  the  controls. 

The  x-  and  y-axis  controls  are  the  arrow  tips  on  each  axis.  Drag  one  of  these  controls  in  the  direction  of  its  arrow  to 
move  the  object  along  the  selected  axis.  The  z-axis  control  is  the  black  dot  at  the  center  of  the  movie  clip.  Drag  the 
z-axis  control  up  or  down  to  move  the  object  on  the  z  axis. 

5  To  move  the  object  using  the  Property  inspector,  enter  a  value  for  X,  Y,  or  Z  in  the  3D  Position  and  View  section  of 
the  Property  inspector. 
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When  you  move  an  object  on  the  z  axis,  its  apparent  size  changes.  The  apparent  size  appears  in  the  Property 
inspector  as  the  Width  and  Height  values  in  the  3D  Position  and  View  section  of  the  Property  inspector.  These  values 
are  read-only. 

Move  a  multiple-object  selection  in  3D  space 

When  you  select  multiple  movie  clips,  you  can  move  one  of  the  selected  objects  with  the  3D  Translation  tool  and 

the  others  move  in  the  same  way. 

•  To  move  each  object  in  the  group  in  the  same  way  in  global  3D  space,  set  the  3D  Translation  tool  to  global  mode 
and  then  drag  one  of  the  objects  with  the  axis  controls.  Shift-double-click  one  of  the  selected  objects  to  move  the 
axis  controls  to  that  object. 

•  To  move  each  object  in  the  group  in  the  same  way  in  local  3D  space,  set  the  3D  Translation  tool  to  local  mode  and 
then  drag  one  of  the  objects  with  the  axis  controls.  Shift-double-click  one  of  the  selected  objects  to  move  the  axis 
controls  to  that  object. 

You  can  also  move  the  axis  controls  to  the  center  of  the  multiple  selection  by  double-clicking  the  z-axis  control.  Shift- 

double-click  one  of  the  selected  objects  to  move  the  axis  controls  to  that  object. 


Rotate  objects  in  3D  space 

You  rotate  movie  clip  instances  in  3D  space  with  the  3D  Rotation  tool  ._/* .  A  3D  rotation  control  appears  on  top  of 
selected  objects  on  the  Stage.  The  X  control  is  red,  the  Y  control  is  green,  and  the  Z  control  is  blue.  Use  the  orange  free 
rotate  control  to  rotate  around  the  X  and  Y  axes  at  the  same  time. 

The  default  mode  of  the  3D  Rotation  tool  is  global.  Rotating  an  object  in  global  3D  space  is  the  same  as  moving  it 
relative  to  the  Stage.  Rotating  an  object  in  local  3D  space  is  the  same  as  moving  it  relative  to  its  parent  movie  clip  if  it 
has  one.  To  toggle  the  3D  Rotation  tool  between  global  and  local  modes,  click  the  Global  toggle  button  in  the  Options 
section  of  the  Tools  panel  while  the  3D  Rotation  tool  is  selected.  You  can  temporarily  toggle  the  mode  from  global  to 
local  by  pressing  the  D  key  while  dragging  with  the  3D  Rotation  tool. 

The  3D  Rotation  and  Translation  tools  occupy  the  same  space  in  the  Tools  panel.  Click  and  hold  the  active  3D  tool  icon 
in  the  Tools  panel  to  select  the  currently  inactive  3D  tool. 

By  default,  selected  objects  that  have  3D  rotation  applied  appear  with  a  3D  axis  overlay  on  the  Stage.  You  can  turn  off 
this  overlay  in  the  General  section  of  Flash  Preferences. 
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Rotate  a  single  object  in  3D  space 

1  Select  the  3D  Rotation  tool  ._/■  in  the  Tools  panel  (or  press  the  W  key). 

Verify  that  the  tool  is  in  the  mode  that  you  want  by  checking  the  Global  toggle  button  in  the  Options  section  of  the 
Tools  panel.  Click  the  button  or  press  the  D  key  to  toggle  the  mode  between  global  and  local. 

2  Select  a  movie  clip  on  the  Stage. 

The  3D  Rotation  controls  appear  overlaid  on  selected  object.  If  the  controls  appear  in  a  different  location,  double¬ 
click  the  control  center  point  to  move  it  to  the  selected  object. 

3  Place  the  pointer  over  one  of  the  four  rotation  axis  controls. 

The  pointer  changes  when  over  one  of  the  four  controls. 

4  Drag  one  of  the  axis  controls  to  rotate  around  that  axis,  or  the  free  rotate  control  (outer  orange  circle)  to  rotate  x  and 
y  simultaneously. 

Drag  the  X  axis  control  left  or  right  to  rotate  around  the  x  axis.  Drag  the  y-axis  control  up  or  down  to  rotate  around 
the  y  axis.  Drag  the  z-axis  control  in  a  circular  motion  to  rotate  around  the  z  axis. 

5  To  relocate  the  rotation  control  center  point  relative  to  the  movie  clip,  drag  the  center  point.  To  constrain  the 
movement  of  the  center  point  to  45°  increments,  press  the  Shift  key  while  dragging. 

Moving  the  rotation  control  center  point  lets  you  control  the  effect  of  the  rotation  on  the  object  and  its  appearance. 
Double-click  the  center  point  to  move  it  back  to  the  center  of  the  selected  movie  clip. 

The  location  of  the  rotation  control  center  point  for  the  selected  object  appears  in  the  Transform  panel  as  the  3D 
Center  Point  property.  You  can  modify  the  location  of  the  center  point  in  the  Transform  panel. 

Rotate  a  multiple-object  selection  in  3D  space 

1  Select  the  3D  Rotation  tool  ._>■  in  the  Tools  panel  (or  press  the  W  key). 

Verify  that  the  tool  is  in  the  mode  that  you  want  by  checking  the  Global  toggle  button  in  the  Options  section  of  the 
Tools  panel.  Click  the  button  or  press  the  D  key  to  toggle  the  mode  between  global  and  local. 

2  Select  multiple  movie  clips  on  the  Stage. 

The  3D  Rotation  controls  appear  overlaid  on  the  most  recently  selected  object. 

3  Place  the  pointer  over  one  of  the  four  rotation  axis  controls. 

The  pointer  changes  when  over  one  of  the  four  controls. 
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4  Drag  one  of  the  axis  controls  to  rotate  around  that  axis,  or  the  free  rotate  control  (outer  orange  circle)  to  rotate  X 
and  Y  simultaneously. 

Drag  the  x-axis  control  left  or  right  to  rotate  around  the  x  axis.  Drag  the  y-axis  control  up  or  down  to  rotate  around 
the  y  axis.  Drag  the  z-axis  control  in  a  circular  motion  to  rotate  around  the  z  axis. 

All  of  the  selected  movie  clips  rotate  around  the  3D  center  point  which  appears  at  the  center  of  the  rotation  controls. 

5  To  relocate  the  3D  rotation  control  center  point,  do  one  of  the  following: 

•  To  move  the  center  point  to  an  arbitrary  location,  drag  the  center  point. 

•  To  move  the  center  point  to  the  center  of  one  of  the  selected  movie  clips,  Shift-double-click  the  movie  clip. 

•  To  move  the  center  point  to  the  center  of  the  group  of  selected  movie  clips,  double-click  the  center  point. 

Changing  the  location  of  the  3D  rotation  center  point  lets  you  control  the  effect  of  the  rotation  on  the  objects. 

The  location  of  the  rotation  control  center  point  for  the  selected  object  appears  in  the  Transform  panel  as  the  3D 
Center  Point.  You  can  modify  the  location  of  the  center  point  in  the  Transform  panel. 

Rotate  a  selection  with  the  Transform  panel 

1  Open  the  Transform  panel  (Window  >  Transform). 

2  Select  one  or  more  movie  clips  on  the  Stage. 

3  In  the  Transform  panel,  enter  the  desired  values  in  the  3D  Rotation  X,  Y,  and  Z  fields  to  rotate  the  selection.  These 
fields  contain  hot  text,  so  you  can  drag  the  values  to  change  them. 

Note:  The  3D  rotation  takes  place  in  global  or  local  3D  space,  depending  on  the  current  mode  of  the  3D  Rotation  tool 
in  the  Tools  panel. 

4  To  move  the  3D  rotation  point,  enter  the  desired  values  in  the  3D  Center  Point  X,  Y,  and  Z  fields. 

Adjusting  the  Perspective  Angle 

The  Perspective  Angle  property  of  a  FLA  file  controls  the  apparent  angle  of  view  of  3D  movie  clips  on  the  Stage. 

Increasing  or  decreasing  the  Perspective  Angle  affects  the  apparent  size  of  3D  movie  clips  and  their  location  relative  to 
the  edges  of  the  Stage.  By  increasing  the  Perspective  Angle,  you  make  3D  objects  appear  closer  to  the  viewer.  By 
decreasing  the  Perspective  Angle  property,  you  make  3D  objects  appear  further  away.  The  effect  is  like  zooming  in  or 
out  with  a  camera  lens  which  changes  the  angle  of  view  through  the  lens. 
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The  Perspective  Angle  property  affects  all  movie  clips  with  3D  translation  or  rotation  applied  to  them.  The  Perspective 
Angle  does  not  affect  other  movie  clips.  The  default  Perspective  Angle  is  55°  of  view,  like  a  normal  camera  lens.  The 
range  of  values  is  from  1°  to  180°. 

To  view  or  set  the  Perspective  Angle  in  the  Property  inspector,  a  3D  movie  clip  must  be  selected  on  Stage.  Changes  to 
the  Perspective  Angle  are  visible  on  the  Stage  immediately. 

The  Perspective  Angle  changes  automatically  when  you  change  the  Stage  size  so  that  the  appearance  of  3D  objects  does 
not  change.  You  can  turn  off  this  behavior  in  the  Document  Properties  dialog  box. 

To  set  the  Perspective  Angle: 

1  On  the  Stage,  select  a  movie  clip  instance  that  has  3D  rotation  or  translation  applied  to  it. 

2  In  the  Property  inspector,  enter  a  new  value  in  the  Perspective  Angle  field,  or  drag  the  hot  text  to  change  the  value. 
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Adjust  the  Vanishing  Point 

The  Vanishing  Point  property  of  a  FLA  file  controls  the  orientation  of  the  z  axis  of  3D  movie  clips  on  the  Stage.  The  z 
axes  of  all  3D  movie  clips  in  a  FLA  file  recede  toward  the  Vanishing  Point.  By  relocating  the  Vanishing  Point,  you  change 
the  direction  that  an  object  moves  when  translated  along  its  z  axis.  By  adjusting  the  position  of  the  Vanishing  Point,  you 
can  precisely  control  the  appearance  of  3D  objects  and  animation  on  the  Stage. 

For  example,  if  you  locate  the  Vanishing  Point  at  the  upper-left  corner  of  the  Stage  (0,  0),  then  increasing  the  value  of 
the  Z  property  of  a  movie  clip  moves  the  movie  clip  away  from  the  viewer  and  toward  the  upper-left  corner  of  the  Stage. 

Because  the  Vanishing  Point  affects  all  3D  movie  clips,  changing  it  also  changes  the  position  of  all  movie  clips  that  have 
a  z-axis  translation  applied. 

The  Vanishing  Point  is  a  document  property  that  affects  all  movie  clips  that  have  z-axis  translation  or  rotation  applied 
to  them.  The  Vanishing  Point  does  not  affect  other  movie  clips.  The  default  location  of  the  Vanishing  Point  is  the  center 
of  the  Stage. 

To  view  or  set  the  Vanishing  Point  in  the  Property  inspector,  a  3D  movie  clip  must  be  selected  on  Stage.  Changes  to  the 
Vanishing  Point  are  visible  on  the  Stage  immediately. 

To  set  the  Vanishing  Point: 

1  On  the  Stage,  select  a  movie  clip  that  has  3D  rotation  or  translation  applied  to  it. 

2  In  the  Property  inspector,  enter  a  new  value  in  the  Vanishing  Point  field,  or  drag  the  hot  text  to  change  the  value. 
Guides  indicating  the  location  of  the  Vanishing  Point  appear  on  the  Stage  while  dragging  the  hot  text. 

3  To  move  the  Vanishing  Point  back  to  the  center  of  the  Stage,  click  the  Reset  button  in  the  Property  inspector. 

Note:  If  you  resize  the  Stage,  the  Vanishing  Point  does  not  update  automatically.  To  maintain  the  3D  look  created  by  a 
specific  placement  of  the  Vanishing  Point,  you  will  need  to  reposition  the  Vanishing  Point  relative  to  the  new  Stage  size. 

More  Help  topics 

Working  in  three  dimensions  (3D) 


Apply  patterns  with  the  Spray  Brushtool 

The  Spray  Brush  acts  like  a  particle  sprayer,  letting  you  “brush”  a  pattern  of  shapes  onto  the  Stage  at  one  time.  By  default, 
the  Spray  Brush  emits  a  spray  of  dot  particles  using  the  currently  selected  fill  color.  However,  you  can  use  the  Spray 
Brush  tool  to  apply  a  movie  clip  or  graphic  symbol  as  a  pattern. 

1  Select  the  Spray  Brush  tool. 

2  In  the  Spray  Brush  tool  Property  inspector,  select  a  fill  color  for  the  default  spray  of  dots.  Or,  click  Edit  to  select  a 
custom  symbol  from  the  library. 

You  can  use  any  movie  clip  or  graphic  symbol  in  the  library  as  a  “particle.”  These  symbol-based  particles  give  you  a 
great  deal  of  creative  control  over  artwork  you  create  in  Flash. 

3  Click  or  drag  on  the  Stage  where  you  want  the  pattern  to  appear. 
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Spray  Brush  tool  options 

The  Spray  Brush  tool  options  appear  in  the  Property  inspector  when  you  select  the  Spray  Brush  from  the  Tools  panel. 

Edit  Opens  the  Select  Symbol  dialog  box,  from  which  you  select  a  movie  clip  or  graphic  symbol  to  use  as  a  spray  brush 
particle.  When  a  symbol  in  the  library  is  selected,  its  name  appears  next  to  the  edit  button. 

Color  selector  Select  a  fill  color  for  the  default  particle  spray.  The  color  selector  is  disabled  when  you  use  a  symbol  in 
the  library  as  a  spray  particle. 

Scale  This  property  only  appears  when  not  using  a  symbol  from  the  Library  as  the  particle.  Scale  the  symbol  used  as  a 
spray  particle.  For  example,  a  value  of  10%  makes  the  symbol  10%  smaller.  A  value  of  200%  makes  the  symbol  200% 
larger. 

Scale  width  This  property  only  appears  when  using  a  symbol  as  the  particle.  Scale  the  width  of  a  symbol  used  as  a  spray 
particle.  For  example,  a  value  of  10%  makes  the  symbol  10%  narrower.  A  value  of  200%  makes  the  symbol  200%  wider. 

Scale  height  This  property  only  appears  when  using  a  symbol  as  the  particle.  Scales  the  height  of  a  symbol  used  as  a 
spray  particle.  For  example,  a  value  of  10%  makes  the  symbol  10%  shorter.  A  value  of  200%  makes  the  symbol  200% 
taller. 

Random  scaling  Specifies  that  each  symbol-based  spray  particle  is  placed  on  Stage  at  a  random  scale,  altering  the  size 
of  each  particle.  This  option  is  disabled  when  using  the  default  spray  of  dots. 

Rotate  symbol  This  property  only  appears  when  using  a  symbol  as  the  particle.  Rotates  the  symbol-based  spray  particle 
around  a  center  point. 

Random  rotation  This  property  only  appears  when  using  a  symbol  as  the  particle.  Specifies  that  each  symbol-based 
spray  particle  is  placed  on  Stage  at  a  random  degree  of  rotation.  This  option  is  disabled  when  you  use  the  default  spray 
of  dots. 

Width  The  width  of  the  spray  particle  when  not  using  a  symbol  from  the  Library. 

Height  The  height  of  the  spray  particle  when  not  using  a  symbol  from  the  Library. 

Brush  Angle  The  amount  of  clock-wise  rotation  to  apply  to  the  spray  particle  when  not  using  a  symbol  from  the 
Library. 

More  Help  topics 

Create  symbols 

Working  with  the  library 


Arranging  objects 


Stack  objects 

In  a  layer,  Flash  stacks  objects  in  the  order  in  which  they  are  created,  placing  the  most  recently  created  object  at  the  top 
of  the  stack.  The  stacking  order  of  objects  determines  how  they  appear  when  they  overlap.  You  can  change  the  stacking 
order  of  objects  at  any  time. 

Drawn  lines  and  shapes  always  appear  below  groups  and  symbols  on  the  stack.  To  move  them  up  the  stack,  you  must 
group  them  or  make  them  into  symbols. 
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Layers  also  affect  the  stacking  order.  Everything  on  Layer  2  appears  in  front  of  everything  on  Layer  1,  and  so  on.  To 
change  the  order  of  layers,  drag  the  layer  name  in  the  Timeline  to  a  new  position. 

1  Select  the  object. 

2  Do  one  of  the  following: 

•  Select  Modify  >  Arrange  >  Bring  To  Front  Or  Send  To  Back  to  move  the  object  or  group  to  the  top  or  bottom  of 
the  stacking  order. 

•  Select  Modify  >  Arrange  >  Bring  Forward  Or  Send  Backward  to  move  the  object  or  group  forward  or  backward 
one  position  in  the  stacking  order. 

If  more  than  one  group  is  selected,  the  groups  move  in  front  of  or  behind  all  unselected  groups,  while  maintaining  their 
order  relative  to  each  other. 


Align  objects 

The  Align  panel  lets  you  align  selected  objects  along  the  horizontal  or  vertical  axis.  You  can  align  objects  vertically 
along  the  right  edge,  center,  or  left  edge  of  the  selected  objects,  or  horizontally  along  the  top  edge,  center,  or  bottom 
edge  of  the  selected  objects. 

For  a  tutorial  about  the  layout  tools  in  Flash,  see  Use  Layout  Tools  on  the  Flash  Tutorials  page  at 
www.adobe.com/go/learn_fl_tutorials. 

1  Select  the  objects  to  align. 

2  Select  Window  >  Align. 

3  To  apply  alignment  modifications  relative  to  Stage  dimensions,  in  the  Align  panel,  select  To  Stage. 

4  To  modify  the  selected  object(s),  select  the  alignment  buttons. 

Group  objects 

To  manipulate  elements  as  a  single  object,  group  them.  For  example,  after  creating  a  drawing,  you  might  group  the 
elements  of  the  drawing  so  that  you  can  easily  select  and  move  the  drawing  as  a  whole. 

When  you  select  a  group,  the  Property  inspector  displays  the  x  and  y  coordinates  of  the  group  and  its  pixel  dimensions. 

You  can  edit  groups  without  ungrouping  them.  You  can  also  select  an  individual  object  in  a  group  for  editing  without 
ungrouping  the  objects. 

❖  Select  the  objects  to  group.  You  can  select  shapes,  other  groups,  symbols,  text,  and  so  on. 

•  To  group  objects,  select  Modify  >  Group,  or  press  Control+G  (Windows)  or  Command+G  (Macintosh). 

•  To  ungroup  objects,  select  Modify  >  Ungroup,  or  press  Control+Shift+G  (Windows)  or  Command+Shift+G 
(Macintosh). 


Edit  a  group  or  an  object  within  a  group 

1  Select  the  group,  and  then  select  Edit  >  Edit  Selected,  or  double-click  the  group  with  the  Selection  tool. 

Everything  on  the  page  that  is  not  part  of  the  group  is  dimmed,  indicating  that  elements  outside  the  group  are 
inaccessible. 

2  Edit  any  element  within  the  group. 

3  Select  Edit  >  Edit  All,  or  double-click  a  blank  spot  on  the  Stage  with  the  Selection  tool. 
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Flash  restores  the  group  to  its  status  as  a  single  entity,  and  you  can  work  with  other  elements  on  the  Stage. 


Break  apart  groups  and  objects 

To  separate  groups,  instances,  and  bitmaps  into  ungrouped,  editable  elements,  you  break  them  apart,  which 
significantly  reduces  the  file  size  of  imported  graphics. 

Although  you  can  select  Edit  >  Undo  immediately  after  breaking  apart  a  group  or  object,  breaking  apart  is  not  entirely 
reversible.  It  affects  objects  as  follows: 

•  Severs  a  symbol  instance’s  link  to  its  master  symbol 

•  Discards  all  but  the  current  frame  in  an  animated  symbol 

•  Converts  a  bitmap  to  a  fill 

•  Places  each  character  into  a  separate  text  block  when  applied  to  text  blocks 

•  Converts  characters  to  outlines  when  applied  to  a  single  text  character. 

Do  not  confuse  the  Break  Apart  command  with  the  Ungroup  command.  The  Ungroup  command  separates  grouped 
objects,  returning  grouped  elements  to  the  state  they  were  in  before  grouping.  It  does  not  break  apart  bitmaps, 
instances,  or  type,  or  convert  type  to  outlines. 

1  Select  the  group,  bitmap,  or  symbol  to  break  apart. 

2  Select  Modify  >  Break  Apart. 

Note:  Breaking  apart  animated  symbols,  or  groups  in  an  interpolated  animation  is  not  recommended  and  might  have 
unpredictable  results.  Breaking  apart  complex  symbols  and  large  blocks  of  text  can  take  a  long  time.  You  might  need  to 
increase  the  applications  memory  allocation  to  properly  break  apart  complex  objects. 

More  Help  topics 

Create  and  organize  layers 

Break  TLF  text  apart 


Automating  tasks  with  the  Commands  menu 


Create  and  manage  commands 

To  repeat  the  same  task,  create  a  command  in  the  Commands  menu  from  steps  in  the  History  panel  and  reuse  the 
command.  Steps  replay  exactly  as  they  were  originally  performed.  You  can’t  modify  the  steps  as  you  replay  them. 

To  use  steps  the  next  time  you  start  Flash  Professional,  create  and  save  a  command.  Saved  commands  are  retained 
permanently,  unless  you  delete  them.  Steps  that  you  copy  using  the  History  panel  Copy  Steps  command  are  discarded 
when  you  copy  something  else. 

Create  a  command  from  selected  steps  in  the  History  panel.  Rename  or  delete  commands  in  the  Manage  Saved 
Commands  dialog  box. 

Create  a  command 

1  Select  a  step  or  set  of  steps  in  the  History  panel. 
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2  Select  Save  As  Command  from  the  History  panel  options  menu. 

3  Enter  a  name  for  the  command  and  click  OK.  The  command  appears  in  the  Commands  menu. 

Note:  The  command  is  saved  as  a  JavaScript  file  (with  the  extension  .jsfl)  in  your  Commands  folder.  This  folder  is  in 
the  following  locations:  Windows  XP:  boot  drive\Documents  and  Settings\<user>\Local  Settings\Application 
Data\Adobe\Flash  CS5\<language>\Configuration\Commands;  Mac  OS‘X:  Macintosh 

HD/Users/<username>/Library/ Application  Support/Adobe/Flash  CS5/<language>/Configuration/ Commands. 

Edit  the  names  of  commands  in  the  Commands  menu 

1  Select  Commands  >  Manage  Saved  Commands. 

2  Select  a  command  to  rename. 

3  Click  the  Rename  button. 

4  Enter  the  new  name  and  click  OK. 

Delete  a  name  from  the  Commands  menu 

1  Select  Commands  >  Manage  Saved  Commands,  and  select  a  command. 

2  Click  Delete,  click  Yes  in  the  warning  dialog  box,  and  click  OK. 

Run  commands 

•  To  use  a  saved  command,  select  the  command  from  the  Commands  menu. 

•  To  run  a  JavaScript  or  Flash  JavaScript  command,  select  Commands  >  Run  Command,  navigate  to  the  script  to  run, 
and  click  Open. 


Get  more  commands 

Use  the  Get  More  Commands  option  in  the  Commands  menu  to  link  to  the  Flash  Exchange  website  at 
www.adobe.com/go/flash_exchange  and  download  commands  that  other  Flash  Professional  users  have  posted.  For 
more  information  on  the  commands  posted  there,  see  the  Flash  Exchange  website. 

1  Make  sure  you  are  connected  to  the  Internet. 

2  Select  Commands  >  Get  More  Commands. 

Steps  that  can't  be  used  in  commands 

Some  tasks  cant  be  saved  as  commands  or  repeated  using  the  Edit  >  Repeat  menu  item.  These  commands  can  be 
undone  and  redone,  but  they  cannot  be  repeated. 

Examples  of  actions  that  cant  be  saved  as  commands  or  repeated  include  selecting  a  frame  or  modifying  a  document 
size.  If  you  attempt  to  save  an  unrepeatable  action  as  a  command,  the  command  is  not  saved. 

More  Help  topics 

Copy  and  paste  steps  between  documents 
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Drawing  in  Flash 


About  drawing 

The  drawing  tools  in  Adobe  Flash  Professional  let  you  create  and  modify  lines  and  shapes  for  the  artwork  in  your 
documents.  The  lines  and  shapes  you  create  in  Flash  Professional  are  all  lightweight  vector  graphics,  which  help  keep 
your  FLA  file  size  small. 

Before  you  draw  and  paint  in  Flash  Professional,  it  is  important  to  understand  how  Flash  Professional  creates  artwork, 
and  how  drawing,  painting,  and  modifying  shapes  can  affect  other  shapes  on  the  same  layer. 

The  following  video  tutorials  demonstrate  how  to  use  the  drawing  tools  in  Flash  Professional.  Some  videos  may  show 
the  Flash  Professional  CS3  or  CS4  workspace,  but  are  still  applicable  to  Flash  Professional  CS5. 

•  Using  the  drawing  tools  (1:55) 

•  Using  the  drawing  tools  (CS3)  (5:03) 

•  Object  and  merge  drawing  (2:09) 

Vector  and  bitmap  graphics 

Computers  display  graphics  in  either  vector  or  bitmap  format.  Understanding  the  difference  between  the  two  formats 
helps  you  work  more  efficiently.  Using  Flash  Professional,  you  can  create  and  animate  compact  vector  graphics.  Flash 
Professional  also  imports  and  manipulates  vector  and  bitmap  graphics  that  were  created  in  other  applications. 

Vector  graphics 

Vector  graphics  describe  images  by  using  lines  and  curves,  called  vectors,  that  also  include  color  and  position 
properties.  For  example,  the  image  of  a  leaf  is  described  by  points  through  which  lines  pass,  creating  the  leaf’s  outline. 
The  color  of  the  leaf  is  determined  by  the  color  of  the  outline  and  the  color  of  the  area  enclosed  by  the  outline. 


When  you  edit  a  vector  graphic,  you  modify  the  properties  of  the  lines  and  curves  that  describe  its  shape.  Move,  resize, 
reshape,  and  change  the  color  of  a  vector  graphic  without  changing  the  quality  of  its  appearance.  Vector  graphics  are 
resolution  independent;  that  is,  they  can  be  displayed  on  output  devices  of  varying  resolutions  without  losing  any 
quality. 

Bitmap  graphics 

Bitmap  graphics  describe  images  using  colored  dots,  called  pixels,  arranged  in  a  grid.  For  example,  the  image  of  a  leaf 
is  described  by  the  specific  location  and  color  value  of  each  pixel  in  the  grid,  creating  an  image  in  much  the  same 
manner  as  a  mosaic. 
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When  you  edit  a  bitmap  graphic,  you  modify  pixels  rather  than  lines  and  curves.  Bitmap  graphics  are  resolution 
dependent,  because  the  data  describing  the  image  is  fixed  to  a  grid  of  a  particular  size.  Editing  a  bitmap  graphic  can 
change  the  quality  of  its  appearance.  In  particular,  resizing  a  bitmap  graphic  can  make  the  edges  of  the  image  ragged  as 
pixels  are  redistributed  within  the  grid.  Displaying  a  bitmap  graphic  on  an  output  device  that  has  a  lower  resolution 
than  the  image  itself  also  degrades  its  quality. 

Paths 

Whenever  you  draw  a  line  or  shape  in  Flash,  you  create  a  line  called  a  path.  A  path  is  made  up  of  one  or  more  straight 
or  curved  segments.  The  beginning  and  end  of  each  segment  is  denoted  by  anchor  points,  which  work  like  pins  holding 
a  wire  in  place.  A  path  can  be  closed  (for  example,  a  circle),  or  open,  with  distinct  endpoints  (for  example,  a  wavy  line). 

You  change  the  shape  of  a  path  by  dragging  its  anchor  points,  the  direction  points  at  the  end  of  direction  lines  that  appear 
at  anchor  points,  or  the  path  segment  itself. 


A  Selected  (solid)  endpoint  B  Selected  anchor  point  C  Unselected  anchor  point  D  Curved  path  segment  E  Direction  point  F  Direction  line. 

Paths  can  have  two  kinds  of  anchor  points:  corner  points  and  smooth  points.  At  a  corner  point,  a  path  abruptly  changes 
direction.  At  a  smooth  point,  path  segments  are  connected  as  a  continuous  curve.  You  can  draw  a  path  using  any 
combination  of  corner  and  smooth  points.  If  you  draw  the  wrong  type  of  point,  you  can  always  change  it. 


A  Four  corner  points  B  Four  smooth  points  C  Combination  of  corner  and  smooth  points. 

A  corner  point  can  connect  any  two  straight  or  curved  segments,  while  a  smooth  point  always  connects  two  curved 
segments. 
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Note:  Don’t  confuse  corner  and  smooth  points  with  straight  and  curved  segments. 

A  path  outline  is  called  a  stroke.  A  color  or  gradient  applied  to  an  open  or  closed  path  interior  area  is  called  a  fill.  A 
stroke  can  have  weight  (thickness),  color,  and  a  dash  pattern.  After  you  create  a  path  or  shape,  you  can  change  the 
characteristics  of  its  stroke  and  fill. 


Direction  lines  and  direction  points 

When  you  select  an  anchor  point  that  connects  curved  segments  (or  select  the  segment  itself),  the  anchor  points  of  the 
connecting  segments  display  direction  handles,  which  consist  of  direction  lines  that  end  in  direction  points.  The  angle 
and  length  of  the  direction  lines  determine  the  shape  and  size  of  the  curved  segments.  Moving  the  direction  points 
reshapes  the  curves.  Direction  lines  don’t  appear  in  the  final  output. 

A  smooth  point  always  has  two  direction  lines,  which  move  together  as  a  single,  straight  unit.  When  you  move  a 
direction  line  on  a  smooth  point,  the  curved  segments  on  both  sides  of  the  point  are  adjusted  simultaneously, 
maintaining  a  continuous  curve  at  that  anchor  point. 

In  comparison,  a  corner  point  can  have  two,  one,  or  no  direction  lines,  depending  on  whether  it  joins  two,  one,  or  no 
curved  segments,  respectively.  Corner  point  direction  lines  maintain  the  corner  by  using  different  angles.  When  you 
move  a  direction  line  on  a  corner  point,  only  the  curve  on  the  same  side  of  the  point  as  that  direction  line  is  adjusted. 


Direction  lines  are  always  tangent  to  (perpendicular  to  the  radius  of)  the  curve  at  the  anchor  points.  The  angle  of  each 
direction  line  determines  the  slope  of  the  curve,  and  the  length  of  each  direction  line  determines  the  height,  or  depth, 
of  the  curve. 
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Drawing  modes  and  graphic  objects 

In  Flash  Professional,  you  can  create  several  different  kinds  of  graphic  objects  by  using  different  drawing  modes  and 
drawing  tools.  Each  kind  has  its  own  advantages  and  disadvantages.  By  understanding  the  capabilities  of  the  different 
graphic  object  types,  you  can  make  good  decisions  about  which  types  of  objects  to  use  in  your  work. 

Note:  In  Flash  Professional,  graphic  objects  are  items  on  the  Stage.  Flash  lets  you  move,  copy,  delete,  transform,  stack,  align, 
and  group  graphic  objects.  “Graphic  objects”  in  Flash  are  different  from  “ActionScript  objects,”  which  are  part  of  the 
ActionScript”  programming  language.  Do  not  confuse  the  two  uses  of  the  term  “objects.”  For  more  information  on  objects 
in  the  programming  language,  see  About  Data  Types  in  Learning  ActionScript  2.0  in  Adobe  Flash,  or  Data  types  in  the 
ActionScript  3.0  Developer’s  Guide. 

The  following  video  tutorials  demonstrate  the  drawing  modes  in  Flash  Professional.  Some  videos  show  the  Flash 
Professional  CS3  or  CS4  workspace,  but  are  still  applicable  to  Flash  Professional  CS5. 

•  Object  and  merge  drawing  (2:09) 

•  Using  the  drawing  tools  (CS3)  (5:03) 

Merge  Drawing  mode 

The  default  drawing  mode  automatically  merges  shapes  that  you  draw  when  you  overlap  them.  When  you  draw  shapes 
that  overlap  each  other  in  the  same  layer,  the  top-most  shape  cuts  away  the  part  of  the  shape  underneath  it  that  it 
overlaps.  In  this  way,  drawing  shapes  is  a  destructive  drawing  mode.  For  example,  if  you  draw  a  circle  and  overlay  a 
smaller  circle  on  top  of  it,  and  then  select  the  smaller  circle  and  move  it,  the  portion  of  the  second  circle  that  overlaid 
the  first  circle  is  removed. 

When  a  shape  has  both  a  stroke  and  a  fill,  they  are  considered  separate  graphic  elements  that  can  be  selected  and  moved 
independently. 
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Enter  Merge  Drawing  mode 

1  Select  the  Merge  Drawing  option  in  the  Tools  panel. 

2  Select  a  drawing  tool  from  the  Tools  panel  and  draw  on  the  Stage 
Note:  By  default,  Flash  Professional  uses  the  Merge  Drawing  mode. 

Object  Drawing  mode 

Creates  shapes  referred  to  as  drawing  objects.  Drawing  objects  are  separate  graphic  objects  that  do  not  automatically 
merge  together  when  overlaid.  This  lets  you  overlap  shapes  without  altering  their  appearance  if  you  move  them  apart, 
or  rearrange  their  appearance.  Flash  Professional  creates  each  shape  as  a  separate  object  that  you  can  individually 
manipulate. 

When  a  drawing  tool  is  in  Object  Drawing  mode,  the  shapes  you  create  with  it  are  self-contained.  The  stroke  and  fill  of 
a  shape  are  not  separate  elements,  and  shapes  that  overlap  do  not  alter  one  another.  When  you  select  a  shape  created 
using  Object  Drawing  mode,  Flash  Professional  surrounds  the  shape  with  a  rectangular  bounding  box  to  identify  it. 

Note:  Set  preferences  for  contact  sensitivity  when  selecting  shapes  created  using  the  Object  Drawing  mode. 
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Enter  Object  Drawing  mode 

To  draw  shapes  using  Object  Drawing  mode,  you  must  explicitly  enable  it. 

1  Select  a  drawing  tool  that  supports  Object  Drawing  mode  (the  Pencil,  Line,  Pen,  Brush,  Oval,  Rectangle,  and 
Polygon  tools). 

2  Select  the  Object  Drawing  button  o  from  the  Options  category  of  the  Tools  panel,  or  press  the  J  key  to  toggle 
between  the  Merge  and  Object  Drawing  modes.  The  Object  Drawing  button  toggles  between  the  Merge  and  Object 
Drawing  modes.  You  can  set  preferences  for  contact  sensitivity  when  you  select  shapes  created  with  Object  Drawing 
mode. 

3  Draw  on  the  Stage. 

Convert  a  Merge  Drawing  mode  created  shape  to  an  Object  Drawing  mode  shape 

1  Select  the  shape  on  the  Stage. 

2  To  convert  the  shape  into  an  Object  Drawing  mode  shape,  select  Modify  >  Combine  Objects  >  Union.  After 
conversion,  the  shape  is  treated  like  a  vector-based  drawing  object  that  does  not  alter  its  appearance  by  interacting 
with  other  shapes. 

Note:  To  join  two  or  more  shapes  into  a  single,  object-based  shape,  use  the  Union  command. 

Primitive  objects 

Primitive  objects  are  shapes  that  let  you  adjust  their  characteristics  in  the  Property  inspector.  You  can  precisely  control 

the  size,  corner  radius,  and  other  properties  of  the  shape  at  any  time  after  you  have  created  it  without  having  to  draw  it 

from  scratch. 

Two  types  of  primitives  are  available,  rectangles  and  ovals. 

1  Select  the  Rectangle  Primitive  Tool  □  or  Oval  Primitive  Tool  »^from  the  Tools  panel. 

2  Draw  on  the  Stage. 

Overlapping  shapes 

When  you  draw  a  line  across  another  line  or  painted  shape  in  Merge  Drawing  mode,  the  overlapping  lines  are  divided 

into  segments  at  the  intersection  points.  To  select,  move,  and  reshape  each  segment  individually,  use  the  Selection  tool. 


When  you  paint  on  top  of  shapes  and  lines,  the  portion  underneath  is  replaced  by  whatever  is  on  top.  Paint  of  the  same 
color  merges  together.  Paint  of  different  colors  remains  distinct.  To  create  masks,  cutouts,  and  other  negative  images, 
use  these  features.  For  example,  the  following  cutout  is  made  by  moving  the  ungrouped  kite  image  onto  the  green  shape, 
deselecting  the  kite,  and  then  moving  the  filled  portions  of  the  kite  away  from  the  green  shape. 
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To  avoid  inadvertently  altering  shapes  and  lines  by  overlapping  them,  group  the  shapes  or  use  layers  to  separate  them. 

More  Help  topics 

Group  objects 

Create  and  organize  layers 


Drawing  with  the  Pen  tool 

To  draw  precise  paths  as  straight  lines  or  smooth,  flowing  curves,  use  the  Pen  tool.  When  you  draw  with  the  Pen  tool, 
click  to  create  points  on  straight  line  segments  and  drag  to  create  points  on  curved  line  segments.  Adjust  straight  and 
curved  line  segments  by  adjusting  points  on  the  line. 

The  following  video  tutorial  demonstrates  how  to  use  Pen  tool  in  Flash  Professional: 

•  Adobe  Flash  CS4  basics  :  0102  Pen  Tool  (10:55)  (YouTube.com) 


Pen  tool  drawing  states 

The  Pen  tool  provides  feedback  about  its  current  drawing  state  by  displaying  different  pointers.  The  various  drawing 
states  are  indicated  by  the  following  pointers: 

Initial  Anchor  Point  pointer  jjj , . 

The  first  pointer  you  see  when  you  select  the  Pen  tool.  Indicates  that  the  next  mouse  click  on  the  Stage  will  create  an 
initial  anchor  point,  which  is  the  beginning  of  a  new  path  (all  new  paths  begin  with  an  initial  anchor  point).  Any 
existing  drawing  paths  are  terminated. 

Sequential  Anchor  Point  pointer  ^ 

Indicates  that  the  next  mouse  click  will  create  an  anchor  point  with  a  line  connecting  it  to  the  previous  anchor  point. 
This  pointer  is  displayed  during  the  creation  of  all  user-defined  anchor  points  except  the  initial  anchor  point  of  a  path. 

Add  Anchor  Point  pointer  ^ 

Indicates  that  the  next  mouse  click  will  add  an  anchor  point  to  an  existing  path.  To  add  an  anchor  point,  the  path  must 
be  selected,  and  the  Pen  tool  must  not  be  over  an  existing  anchor  point.  The  existing  path  is  redrawn  based  on  the 
additional  anchor  point.  Only  one  anchor  point  can  be  added  at  a  time. 

Delete  Anchor  Point  pointer 
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Indicates  that  the  next  mouse  click  on  an  existing  path  will  remove  an  anchor  point.  To  remove  an  anchor  point,  the 
path  must  be  selected  with  the  Selection  tool,  and  the  pointer  must  be  over  an  existing  anchor  point.  The  existing  path 
is  redrawn  based  on  the  removal  of  the  anchor  point.  Only  one  anchor  point  can  be  removed  at  a  time. 

Continue  Path  pointer  ^ 

Extends  a  new  path  from  an  existing  anchor  point.  For  this  pointer  to  be  activated,  the  mouse  must  be  over  an  existing 
anchor  point  on  a  path.  This  pointer  is  only  available  when  you  are  not  currently  drawing  a  path.  The  anchor  point  does 
not  have  to  be  one  of  the  terminal  anchor  points  of  a  path;  any  anchor  point  can  be  the  location  of  a  continued  path. 

Close  Path  pointer 

Closes  the  path  you’re  drawing  on  the  starting  point  of  the  path.  You  can  only  close  a  path  that  you  are  currently 
drawing,  and  the  existing  anchor  point  must  be  the  starting  anchor  point  of  the  same  path.  The  resulting  path  does  not 
have  any  specified  fill  color  settings  applied  to  the  enclosed  shape;  apply  fill  color  separately. 

Join  Paths  pointer 

Similar  to  the  Close  Path  Tool  except  that  the  mouse  must  not  be  over  the  initial  anchor  point  of  the  same  path.  The 
pointer  must  be  over  either  of  the  terminal  points  of  a  unique  path.  The  segment  may  or  may  not  be  selected.Mofe: 
Joining  paths  may  or  may  not  result  in  a  closed  shape. 

Retract  Bezier  Handle  pointer  Q 

Appears  when  the  mouse  is  over  an  anchor  point  whose  Bezier  handles  are  displayed.  Clicking  the  mouse  retracts  the 
Bezier  handles  and  causes  the  curved  path  across  the  anchor  point  to  revert  to  straight  segments. 

Convert  Anchor  Point  pointer  [V 

Converts  a  corner  point  without  direction  lines  to  a  corner  point  with  independent  direction  lines.  To  enable  the 
Convert  Anchor  Point  pointer,  use  the  Shift  +  C  modifier  keys  to  toggle  the  Pen  tool. 

For  a  video  tutorial  about  the  Pen  tool,  see  www.adobe.com/ go/vid0120. 


Draw  straight  lines  with  the  Pen  tool 

The  simplest  path  you  can  draw  with  the  Pen  tool  is  a  straight  line,  made  by  clicking  the  Pen  tool  to  create  two  anchor 
points.  Continue  to  click  to  create  a  path  made  of  straight  line  segments  connected  by  corner  points. 

1  Select  the  Pen  tool  A  . 

2  Position  the  Pen  tool  where  the  straight  segment  is  to  begin,  and  click  to  define  the  first  anchor  point.  If  direction 
lines  appear,  you  accidentally  dragged  the  Pen  tool;  choose  Edit  >  Undo  and  click  again. 

Note:  The  first  segment  you  draw  is  not  visible  until  you  click  a  second  anchor  point  (unless  you’ve  specified  Show  Pen 
Preview  in  the  Drawing  category  of  the  Preferences  dialog  box). 

3  Click  again  where  you  want  the  segment  to  end  (Shift-click  to  constrain  the  angle  of  the  segment  to  a  multiple  of 
45°). 

4  Continue  clicking  to  set  anchor  points  for  additional  straight  segments. 
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5  To  complete  the  path  as  an  open  or  closed  shape,  do  one  of  the  following: 

•  To  complete  an  open  path,  double-click  the  last  point,  click  the  Pen  tool  in  the  Tools  panel,  or  Control-click 
(Windows)  or  Command-click  (Macintosh)  anywhere  away  from  the  path. 

•  To  close  the  path,  position  the  Pen  tool  over  the  first  (hollow)  anchor  point.  A  small  circle  appears  next  to  the 
Pen  ^  tool  pointer  when  it  is  positioned  correctly.  Click  or  drag  to  close  the  path. 

•  To  complete  the  shape  as  is,  select  Edit  >  Deselect  All,  or  select  a  different  tool  in  the  Tools  panel. 


Draw  curves  with  the  Pen  tool 

To  create  a  curve,  add  an  anchor  point  where  a  curve  changes  direction  and  drag  the  direction  lines  that  shape  the 
curve.  The  length  and  slope  of  the  direction  lines  determine  the  shape  of  the  curve. 

Curves  are  easier  to  edit  and  your  system  can  display  and  print  them  faster  if  you  draw  them  using  as  few  anchor  points 
as  possible.  Using  too  many  points  can  also  introduce  unwanted  bumps  in  a  curve.  Instead,  draw  widely  spaced  anchor 
points,  and  practice  shaping  curves  by  adjusting  the  length  and  angles  of  the  direction  lines. 

1  Select  the  Pen  tool  A  . 

2  Position  the  Pen  tool  where  the  curve  is  to  begin,  and  hold  down  the  mouse  button. 

The  first  anchor  point  appears,  and  the  Pen  tool  pointer  changes  to  an  arrowhead.  (In  Photoshop,  the  pointer 
changes  only  after  you’ve  started  dragging.) 

3  Drag  to  set  the  slope  of  the  curve  segment  you’re  creating,  and  then  release  the  mouse  button. 

In  general,  extend  the  direction  line  about  one  third  of  the  distance  to  the  next  anchor  point  you  plan  to  draw.  (You 
can  adjust  one  or  both  sides  of  the  direction  line  later.) 

Hold  down  the  Shift  key  to  constrain  the  tool  to  multiples  of  45°. 


A  Positioning  Pen  tool  B  Starting  to  drag  (mouse  button  pressed)  C  Dragging  to  extend  direction  lines. 

4  Position  the  Pen  tool  where  the  curve  segment  is  to  end,  and  do  one  of  the  following: 

•  To  create  a  C-shaped  curve,  drag  in  a  direction  opposite  to  the  previous  direction  line  and  release  the  mouse 
button. 


Last  updated  6/1 2/2015 


Multimedia  and  Video 


312 


•  To  create  an  S-shaped  curve,  drag  in  the  same  direction  as  the  previous  direction  line  and  release  the  mouse 
button. 


5  To  create  a  series  of  smooth  curves,  continue  dragging  the  Pen  tool  from  different  locations.  Place  anchor  points  at 
the  beginning  and  end  of  each  curve,  not  at  the  tip  of  the  curve. 

To  break  out  the  direction  lines  of  an  anchor  point,  Alt-drag  (Windows)  or  Option-drag  (Macintosh)  direction  lines. 

6To  complete  the  path,  do  one  of  the  following: 

•  To  close  the  path,  position  the  Pen  tool  over  the  first  (hollow)  anchor  point.  A  small  circle  appears  next  to  the 
Pen  tool  pointer  j^when  it  is  positioned  correctly.  Click  or  drag  to  close  the  path. 

•  To  leave  the  path  open,  Ctrl-click  (Windows)  or  Command-click  (Macintosh)  anywhere  away  from  all  objects, 
select  a  different  tool,  or  choose  Edit  >  Deselect  All. 


Add  or  delete  anchor  points 

Adding  anchor  points  can  give  you  more  control  over  a  path  or  it  can  extend  an  open  path.  However,  it’s  a  good  idea 
not  to  add  more  points  than  necessary.  A  path  with  fewer  points  is  easier  to  edit,  display,  and  print.  To  reduce  the 
complexity  of  a  path,  delete  unnecessary  points. 

The  toolbox  contains  three  tools  for  adding  or  deleting  points:  the  Pen  tool  ,  the  Add  Anchor  Point  tool  ,  and 
the  Delete  Anchor  Point  tool  A-  . 

By  default,  the  Pen  tool  changes  to  the  Add  Anchor  Point  tool  as  you  position  it  over  a  selected  path,  or  to  the  Delete 
Anchor  Point  tool  as  you  position  it  over  an  anchor  point. 

Note:  Don’t  use  the  Delete,  Backspace,  and  Clear  keys  or  the  Edit  >  Cut  or  Edit  >  Clear  commands  to  delete  anchor  points; 
these  keys  and  commands  delete  the  point  and  the  line  segments  that  connect  to  that  point. 

1  Select  the  path  to  modify. 

2  Click  and  hold  the  mouse  button  on  the  Pen  tool  £  ,  then  select  the  Pen  tool  ,  Add  Anchor  Point  tool  ,  or 
the  Delete  Anchor  Point  tool  A-  . 
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3  To  add  an  anchor  point,  position  the  pointer  over  a  path  segment,  and  click.  To  delete  an  anchor  point,  position  the 
pointer  over  an  anchor  point,  and  click. 


Adjust  anchor  points  on  paths 

When  you  draw  a  curve  with  the  Pen  tool,  you  create  smooth  points — anchor  points  on  a  continuous,  curved  path. 
When  you  draw  a  straight  line  segment  or  a  straight  line  connected  to  a  curved  segment,  you  create  corner  points — 
anchor  points  on  a  straight  path  or  at  the  juncture  of  a  straight  and  a  curved  path. 

By  default,  selected  smooth  points  appear  as  hollow  circles,  and  selected  corner  points  appear  as  hollow  squares. 


Move  or  add  anchor  points 

•  To  move  an  anchor  point,  drag  the  point  with  the  Subselection  tool  $  . 

•  To  nudge  an  anchor  point  or  points,  select  the  point  or  points  with  the  Subselection  tool  and  use  the  arrow  keys  to 
move  the  point  or  points.  Shift-click  to  select  multiple  points. 

•  To  add  an  anchor  point,  click  a  line  segment  with  the  Pen  tool.  A  plus  (+)  sign  appears  next  to  the  Pen  tool  ^  if  an 
anchor  point  can  be  added  to  the  selected  line  segment.  If  the  line  segment  is  not  yet  selected,  click  it  with  the  Pen 
tool  to  select  it,  and  then  add  an  anchor  point. 

Delete  anchor  points 

Deleting  unneeded  anchor  points  on  a  curved  path  optimizes  the  curve  and  reduces  the  resulting  SWF  file  size. 

•  To  delete  a  corner  point,  click  the  point  once  with  the  Pen  tool.  A  minus  (-)  sign  appears  next  to  the  Pen  tool  if  an 
anchor  point  can  be  deleted  from  the  selected  line  segment.  If  the  line  segment  is  not  yet  selected,  click  it  with  the 
Pen  tool  to  select  it,  and  then  delete  the  anchor  point. 

•  To  delete  a  smooth  point,  click  the  point  once  with  the  Pen  tool.  A  minus  (-)  sign  appears  next  to  the  Pen  tool  if  an 
anchor  point  can  be  deleted  from  the  selected  line  segment.  If  the  line  segment  is  not  yet  selected,  click  it  with  the 
Pen  tool  to  select  it,  and  then  delete  the  corner  point.  (Click  once  to  convert  the  point  to  a  corner  point,  and  once 
more  to  delete  the  point.) 

Convert  segments  between  straight  and  curved 

To  convert  segments  in  a  line  from  straight  segments  to  curve  segments,  convert  corner  points  to  smooth  points.  You 

can  also  do  the  reverse. 

•  To  convert  a  corner  point  to  a  smooth  point,  use  the  Subselection  tool  to  select  the  point,  then  Alt-drag  (Windows) 
or  Option-drag  (Macintosh)  the  point  to  place  the  tangent  handles. 

•  To  convert  a  smooth  point  to  a  corner  point,  click  the  point  with  the  Pen  tool.  The  carat  A  marker  next  to  the  pointer 
^indicates  when  it  is  over  the  smooth  point. 
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Adjust  segments 

To  change  the  angle  or  length  of  the  segment  or  adjust  curved  segments  to  change  the  slope  or  direction  of  the  curve, 
adjust  straight  segments. 

When  you  move  a  tangent  handle  on  a  smooth  point,  the  curves  on  both  sides  of  the  point  adjust.  When  you  move  a 
tangent  handle  on  a  corner  point,  only  the  curve  on  the  same  side  of  the  point  as  the  tangent  handle  adjusts. 

•  To  adjust  a  straight  segment,  select  the  Subselection  tool  ^  ,  and  select  a  straight  segment.  Use  the  Subselection  tool 
to  drag  an  anchor  point  on  the  segment  to  a  new  position. 

•  To  adjust  a  curve  segment,  select  the  Subselection  tool  and  drag  the  segment. 

note:  When  you  click  the  path,  Flash  Professional  shows  the  anchor  points.  Adjusting  a  segment  with  the  Subselection 
tool  can  add  points  to  the  path. 

•  To  adjust  points  or  tangent  handles  on  a  curve,  select  the  Subselection  tool,  and  select  an  anchor  point  on  a  curved 
segment. 

•  To  adjust  the  shape  of  the  curve  on  either  side  of  the  anchor  point,  drag  the  anchor  point,  or  drag  the  tangent  handle. 
To  constrain  the  curve  to  multiples  of  45°,  Shift-drag.  To  drag  tangent  handles  individually,  Alt-drag  (Windows)  or 
Option-drag  (Macintosh). 


Pen  tool  preferences 

Specify  preferences  for  the  appearance  of  the  Pen  tool  pointer,  for  previewing  line  segments  as  you  draw,  and  for  the 
appearance  of  selected  anchor  points.  Selected  line  segments  and  anchor  points  use  the  outline  color  of  the  layer  on 
which  the  lines  and  points  appear. 

1  Select  the  Pen  tool  A  ,  then  select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh). 

2  In  the  Category  list,  select  Drawing. 

3  Set  the  following  options  for  the  Pen  tool: 

Show  Pen  Preview  Previews  line  segments  as  you  draw.  A  preview  of  the  line  segment  appears  as  you  move  the 
pointer  around  the  Stage,  before  you  click  to  create  the  end  point  of  the  segment.  If  this  option  is  not  selected,  a  line 
segment  does  not  appear  until  you  create  the  end  point. 

Show  Solid  Points  Displays  selected  anchor  points  as  hollow  and  deselected  anchor  points  as  solid.  If  this  option  is 
not  chosen,  selected  anchor  points  are  solid,  and  deselected  anchor  points  are  hollow. 

Show  Precise  Cursors  Specifies  that  the  Pen  tool  pointer  appears  as  a  cross-hair  pointer  rather  than  the  default  Pen 
tool  icon,  for  more  precise  placement  of  lines.  To  display  the  default  Pen  tool  icon  with  the  Pen  tool,  deselect  the 
option. 

note:  To  switch  between  the  cross-hair  pointer  and  the  default  Pen  tool  icon,  press  Caps  Lock. 

4  Click  OK. 
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More  Help  topics 

Reshape  lines  and  shapes 

Adjust  Stroke  and  Fill  color 


Embed  fonts  for  consistent  text  appearance 

When  your  published  SWF  files  play  on  computers  across  the  Internet,  there  is  no  guarantee  that  the  fonts  you  used  are 
available  on  those  machines.  To  ensure  that  your  text  maintains  the  appearance  you  intended,  you  can  embed  entire 
fonts  or  specific  subsets  of  characters  from  a  font.  By  embedding  the  characters  in  your  published  SWF  file,  you  make 
the  font  available  to  the  SWF  file  regardless  of  the  computer  that  plays  the  file.  Once  a  font  is  embedded,  you  can  use  it 
anywhere  in  your  published  SWF  file. 

Beginning  with  Flash  Professional  CS5,  Flash  automatically  embeds  all  characters  used  by  any  text  objects  that  contain 
text.  Creating  an  embedded  font  symbol  yourself  allows  your  text  objects  to  use  additional  characters,  such  as  when 
accepting  user  input  at  runtime  or  when  editing  text  with  ActionScript.  Embedded  fonts  are  not  necessary  for  text 
objects  that  have  the  Anti-alias  property  set  to  Use  Device  Fonts.  You  specify  which  fonts  you  want  embedded  in  your 
FLA  file,  and  Flash  embeds  the  fonts  when  you  publish  a  SWF  file. 

There  are  4  common  situations  in  which  to  ensure  correct  text  appearance  by  embedding  fonts  in  a  SWF  file: 

•  When  creating  text  objects  in  your  FLA  file  that  are  part  of  a  design  that  requires  consistent  text  appearance. 

•  When  you  are  using  an  anti-alias  option  other  than  Use  Device  Fonts,  you  must  embed  the  fonts  or  text  may 
disapppear  or  appear  incorrectly. 

•  When  generating  text  dynamically  with  ActionScript  in  your  FLA  file. 

•  When  creating  dynamic  text  with  ActionScript,  you  must  specify  in  ActionScript  which  font  to  use. 

•  When  your  SWF  file  contains  text  objects  and  may  be  loaded  by  another  SWF  file  that  does  not  have  the  required 
fonts  embedded. 

The  Font  Embedding  dialog  box  allows  you  to: 

•  Manage  all  embedded  fonts  in  one  place. 

•  Create  font  symbols  for  each  embedded  font. 

•  Select  custom  ranges  of  embedded  characters  for  a  font  as  well  as  pre-defined  ranges. 

•  Work  with  both  Text  Layout  Framework  (TLF)  text  and  Classic  text  in  the  same  file  and  use  embedded  fonts  with 
each.  Note  that  TLF  text  is  unavailable  with  Flash  Professional  CC.  For  more  information,  see  Opening  Flash  CS6 
file  with  Flash  Professional  CC. 

•  Continue  to  work  with  Flash  Professional  CS4  and  earlier  FLA  files  that  contain  fonts  embedded  with  the  older 
method  that  associated  the  embedded  characters  with  a  specific  text  object.  When  you  open  an  older  FLA  file,  Flash 
Professional  CS5  and  later  allow  you  to  edit  these  older  embedded  fonts  with  the  Font  Embedding  dialog  box. 

To  embed  characters  from  a  font  in  a  SWF  file: 

1  With  your  FLA  file  open  in  Flash,  open  the  Font  Embedding  dialog  box  by  doing  one  of  the  following: 

•  Choose  Text  >  Font  Embedding. 

•  From  the  Library  panel  options  menu,  choose  Add  Font. 

•  Right-click  in  empty  space  in  the  Library  panel  tree  view,  and  choose  New  Font. 

•  In  the  Text  Property  inspector,  click  on  the  Embed  button. 
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2  If  your  font  is  not  already  selected  in  the  Font  Embedding  dialog  box,  click  the  Add  (+)  button  to  add  a  new 
embedded  font  to  your  FLA  file. 

When  you  open  the  Font  Embedding  dialog  box  from  the  Library  or  the  Text  Property  inspector,  a  font  item  appears 
automatically  in  the  dialog  box. 

3  In  the  Options  tab,  select  the  Family  and  Style  of  the  font  you  want  to  embed. 

If  you  opened  the  Font  Embedding  dialog  box  from  the  Text  Property  inspector  or  from  the  Library  panel,  the  font 
used  by  the  current  selection  appears  automatically  in  the  dialog  box. 

4  In  the  Character  Ranges  section,  select  the  character  ranges  you  want  to  embed.  The  more  characters  you  embed, 
the  larger  your  published  SWF  file  will  be. 

5  If  you  want  to  embed  any  additional  specific  characters,  enter  them  in  the  “Also  include  these  characters”  field. 

6  To  enable  the  embedded  font  symbol  to  be  accessed  with  ActionScript  code,  select  Export  for  ActionScript  in  the 
ActionScript  tab. 

7  If  you  selected  Export  for  ActionScript,  select  an  outline  format  also.  For  TLF  text  containers,  select  TLF  (DF4)  as 
the  Outline  Format.  For  Classic  text  containers,  select  Classic  (DF3). 

You  must  create  separate  embedded  font  symbols  for  use  in  TLF  and  Classic  text  containers.  The  TLF  (DF4)  outline 
format  is  not  available  for  PostScript  Type  1  fonts.  TLF  (DF4)  requires  Flash  Player  version  10  or  later. 

8  If  you  want  to  use  the  font  symbol  as  a  shared  asset,  select  options  in  the  Sharing  section  of  the  ActionScript  tab.  For 
more  information  about  using  shared  assets,  see  Sharing  library  assets  across  files. 

To  edit  the  parameters  of  an  embedded  font  symbol: 

1  Do  one  of  the  following: 

•  Right-click  the  font  symbol  in  the  Library  and  choose  Properties. 

•  Select  a  text  container  on  the  Stage  and  click  the  Embed  button  in  the  Character  section  of  the  Property  inspector. 

•  Select  the  font  symbol  in  the  Library  and  choose  Edit  Properties  from  the  panel  options  menu. 

•  Double-click  the  icon  of  the  font  symbol  in  the  Library. 

•  Choose  Text  >  Font  Embedding,  and  then  select  the  font  symbol  you  want  to  edit  in  the  tree  view  on  the  left  of 
the  dialog. 

2  Make  changes  in  the  Font  Embedding  dialog  box  and  click  OK. 

The  tree  view  in  the  Font  Embedding  dialog  box  displays  all  font  symbols  in  the  current  FLA  file,  organized  by  font 
family.  You  can  edit  any  or  all  of  the  fonts  while  the  dialog  is  open,  and  the  changes  will  be  committed  when  you  press 
the  OK  button. 

Note:  If  you  save  a  Flash  Professional  CS5  FLA  file  to  CS4  format,  font  symbols  are  converted  to  CS4  Font  Symbols  which 
will  embed  the  entire  range  of  characters  in  a  font,  not  a  selected  sub-range.  All  TLF  text  blocks  are  converted  to  Classic 
text  fields.  Font  symbols  are  saved  in  DefineFont3  format  to  ensure  compatibility  with  Classic  text.  Each  CS4  font  symbol 
will  contain  an  entire  copy  of  the  embedded  font  information  for  each  font  it  uses.  Saving  in  CS4  format  also  causes  the 
embedding  information  to  move  into  any  text  objects  that  referenced  font  symbols,  as  this  is  how  embedded  font 
information  was  stored  in  Flash  Pro  CS4  and  earlier  versions. 

Additional  resources 

•  Article:  Formatting  text  for  localized  Flash  projects:  Font  embedding  for  multiple  languages  (Adobe.com) 
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Drawing  preferences 

Set  drawing  settings  to  specify  snapping,  smoothing,  and  straightening  behaviors.  Change  the  tolerance  setting  for  each 
option,  and  turn  each  option  off  or  on.  Tolerance  settings  are  relative,  depending  on  the  resolution  of  your  computer 
screen  and  the  current  magnification  of  the  scene.  By  default,  each  option  is  on  and  set  to  Normal  tolerance. 


Drawing  settings 

1  Select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh)  and  select  Drawing. 

2  Under  the  Drawing  category,  select  from  the  following  options: 

Pen  tool  Lets  you  set  options  for  the  Pen  tool.  Select  Show  Pen  Preview  to  display  a  preview  line  from  the  last  clicked 
point  to  the  current  location  of  the  pointer.  Select  Show  Solid  Points  to  display  control  points  as  small  filled  squares 
instead  of  unfilled  squares.  Select  Show  Precise  Cursors  to  display  a  crosshair  cursor  instead  of  the  Pen  tool  icon 
when  using  the  Pen  tool.  This  option  lets  you  see  the  exact  target  of  clicks  more  easily. 

Connect  Lines  Determines  how  close  the  end  of  a  line  being  drawn  must  be  to  an  existing  line  segment  before  the 
end  point  snaps  to  the  nearest  point  on  the  other  line.  This  setting  also  controls  horizontal  and  vertical  line 
recognition — that  is,  how  nearly  horizontal  or  vertical  a  line  must  be  drawn  before  Flash  Professional  makes  it 
exactly  horizontal  or  vertical.  When  Snap  To  Objects  is  turned  on,  this  setting  controls  how  close  objects  must  be  to 
snap  to  one  another. 

Smooth  Curves  Specifies  the  amount  of  smoothing  applied  to  curved  lines  drawn  with  the  Pencil  tool  when  the 
drawing  mode  is  set  to  Straighten  or  Smooth.  (Smoother  curves  are  easier  to  reshape,  whereas  rougher  curves  match 
the  original  line  strokes  more  closely.) 

note:  To  further  smooth  existing  curved  segments,  use  Modify  >  Shape  >  Smooth  and  Modify  >  Shape  >  Optimize. 

Recognize  Lines  Defines  how  nearly  straight  a  line  segment  drawn  with  the  Pencil  tool  must  be  before  Flash 
Professional  recognizes  it  as  a  straight  line  and  makes  it  perfectly  straight.  If  Recognize  Lines  is  off  while  you  draw, 
straighten  lines  later  by  selecting  one  or  more  line  segments  and  selecting  Modify  >  Shape  >  Straighten. 

Recognize  Shapes  Controls  how  precisely  to  draw  circles,  ovals,  squares,  rectangles,  and  90°  and  180°  arcs  for  them 
to  be  recognized  as  geometric  shapes  and  redrawn  accurately.  The  options  are  Off,  Strict,  Normal,  and  Tolerant. 
Strict  requires  that  the  shape  be  drawn  very  close  to  straight;  Tolerant  specifies  that  the  shape  can  be  somewhat 
rough,  and  Flash  redraws  the  shape.  If  Recognize  Shapes  is  off  while  you  draw,  straighten  lines  later  by  selecting  one 
or  more  shapes  (for  example,  connected  line  segments)  and  selecting  Modify  >  Shape  >  Straighten. 

Click  Accuracy  Specifies  how  close  to  an  item  the  pointer  must  be  before  Flash  Professional  recognizes  the  item. 


Selection,  Subselection,  and  Lasso  tool  contact  options 

Specify  the  Selection,  Subselection,  and  Lasso  tool  contact-sensitivity  options  when  you  create  shapes  using  Object 
Drawing  mode.  By  default,  objects  are  only  selected  when  the  tool’s  marquee  rectangle  completely  surrounds  the  object. 
Deselecting  this  option  selects  entire  objects  when  they  are  only  partially  enclosed  by  the  selection  marquee  of  the 
Selection,  Subselection,  or  Lasso  tools. 

1  Select  Edit  >  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh). 

2  In  the  General  category,  do  one  of  the  following: 

•  To  select  only  objects  and  points  that  are  completely  enclosed  by  the  selection  marquee,  deselect  Contact- 
Sensitive  Selection  and  Lasso  tools.  Points  that  lie  within  the  selection  area  are  still  selected. 

•  To  select  objects  or  groups  that  are  only  partially  enclosed  by  the  selection  marquee,  select  Contact-Sensitive 
Selection  and  Lasso  tools. 
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note:  The  Subselection  tools  use  the  same  contact-sensitive  setting. 


Scaling  and  caching  symbols 


Scaling  content  on  the  Stage 

You  can  scale  items  on  the  stage  in  these  ways: 

•  Scale  individual  symbol  instances  with  the  Free  Transform  tool,  Properties  panel,  or  Transform  panel. 

•  Scale  individual  symbol  instances  with  9-slice  scaling  and  the  tools  and  panels  listed  above. 

•  Scaling  the  entire  contents  of  the  Stage  when  resizing  the  stage  (CS5.5  only). 

Scale  an  individual  symbol  instance 

1  Select  the  symbol  instance  on  the  Stage. 

2  Do  one  of  the  following: 

•  Select  the  Free  Transform  tool  in  the  Tools  panel  and  then  drag  the  corners  or  edges  of  the  instance  to  resize  it. 

•  Open  the  Properties  panel  (Window  >  Properties)  and  edit  the  Height  and  Width  properties  of  the  instance. 

•  Open  the  Transform  panel  (Window  >  Transform)  and  edit  the  Scale  Width  and  Scale  Height  properties  of  the 
instance. 

Scale  all  content  when  resizing  the  Stage  (CS5.5  only) 

1  Choose  Modify  >  Document. 

2  In  the  Document  Settings  dialog  box,  enter  new  values  for  the  Height  and  Width  dimensions  of  the  document.  This 
is  the  Stage  size. 

3  Select  the  Scale  Content  with  Stage  option.  Click  OK. 

Scaling  is  applied  to  all  content  in  all  frames. 

Tutorials  and  videos 

•  Video:  Flash  Professional  CS5.5  -  Scaling  Assets  (4:20,  Adobe  TV) 

•  ActionScript  3.0  Example:  Scaling  and  resizing  assets  for  use  on  multiple  screens  (Paul  Trani, 
cookbooks.adobe.com) 


About  9-slice  scaling  and  movie  clip  symbols 

9-slice  scaling  allows  you  to  specify  how  scaling  is  applied  to  specific  areas  of  a  movie  clip.  With  9-slice  scaling,  you  can 
ensure  that  the  movie  clip  looks  correct  when  scaled.  With  normal  scaling,  Flash  Professional  scales  all  parts  of  a  movie 
clip  equally,  and  in  both  the  horizontal  and  vertical  dimensions.  For  many  movie  clips,  this  equal  scaling  can  make  the 
clip’s  graphics  look  strange,  especially  at  the  corners  and  edges  of  rectangular  movie  clips.  This  is  often  true  of  movie 
clips  used  as  user  interface  elements,  such  as  buttons. 

The  movie  clip  is  visually  divided  into  nine  sections  with  a  grid-like  overlay,  and  each  of  the  nine  areas  is  scaled 
independently.  To  maintain  the  visual  integrity  of  the  movie  clip,  corners  are  not  scaled,  while  the  remaining  areas  of 
the  image  are  scaled  (as  opposed  to  being  stretched)  larger  or  smaller,  as  needed. 
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When  a  movie  clip  symbol  has  9-slice  scaling  applied,  it  appears  in  the  Library  panel  preview  with  the  guides  displayed. 
If  Enable  Live  Preview  is  turned  on  (Control  >  Enable  Live  Preview)  when  you  scale  instances  of  the  movie  clip  on  the 
Stage,  you  see  the  9-slice  scaling  applied  on  the  Stage.Mote:  The  Live  Preview  setting  cannot  be  used  with  an  ActionScript 
3.0  document. 

Note:  9-slice  scaling  cannot  be  applied  to  Graphic  or  Button  symbols.  Bitmaps  inside  9-slice  enabled  movie  clips  are  scaled 
normally,  without  9-slice  distortion,  while  the  other  movie  clip  contents  are  scaled  according  to  the  9-slice  guides. 

Note:  9-slice  scaling  is  sometimes  also  referred  to  as  “scale  9.” 

A  9-slice-enabled  movie  clip  can  contain  nested  objects  within  it,  but  only  certain  types  of  objects  inside  the  movie  clip 
properly  scale  in  the  9-slice  manner.  To  make  a  movie  clip  with  internal  objects  that  also  adhere  to  9-slice  scaling  when 
the  movie  clip  is  scaled,  those  nested  objects  must  be  shapes,  drawing  objects,  groups,  or  graphic  symbols. 


Library  -= 

Untitled-1  ▼  -n  Ig 


^  Symbol  1 
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For  video  tutorials  about  9-slice  scaling,  see: 

•  www.adobe.com/go/vid0204 

•  www.adobe.com/go/vid0205 


Edit  movie  clip  symbols  with  9-slice  scaling 

By  default,  slice  guides  are  placed  at  25%  (or  one-fourth)  of  the  symbol’s  width  and  height  from  the  edge  of  the  symbol. 
In  symbol -editing  mode,  the  slice  guides  appear  as  dotted  lines  superimposed  on  the  symbol.  The  slice  guides  don’t 
snap  when  you  drag  them  on  the  pasteboard.  The  guides  do  not  appear  when  the  symbol  is  on  the  Stage. 

You  cannot  edit  9-slice-enabled  symbols  in  place  on  the  Stage.  You  must  edit  them  in  symbol-editing  mode,  note: 
Instances  made  from  a  9-slice-enabled  movie  clip  symbol  can  be  transformed,  but  should  not  be  edited.  Editing  these 
instances  can  have  unpredictable  results. 

For  video  tutorials  about  9-slice  scaling,  see: 

•  www.adobe.com/go/vid0204 

•  www.adobe.com/go/vid0205 

Enable  9-slice  scaling  for  an  existing  movie  clip  symbol 

1  With  the  source  document  open,  select  Window  >  Library. 

2  Select  a  movie  clip,  button,  or  graphic  symbol  in  the  Library  panel. 

3  Select  Properties  from  the  Library  Panel  menu. 
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4  Select  Enable  Guides  for  9-slice  Scaling. 

Edit  a  9-slice-enabled  movie  clip  symbol 

1  Enter  symbol -editing  mode  by  doing  one  of  the  following: 

•  Select  an  instance  of  the  symbol  on  the  Stage  and  right-click  (Windows)  or  Control-click  (Macintosh),  and  select 
Edit. 

•  Select  the  symbol  in  the  Library  panel  and  right-click  (Windows)  or  Control-click  (Macintosh),  and  select  Edit. 

•  Double-click  the  symbol  in  the  Library  panel. 

2  To  move  the  horizontal  or  vertical  guides,  drag  and  release  a  guide.  The  new  position  of  the  guide  is  updated  in  the 
Library  preview  for  the  symbol. 


Improving  rendering  performance  with  bitmap  caching 

Runtime  bitmap  caching  lets  you  optimize  playback  performance  by  specifying  that  a  static  movie  clip  (for  example,  a 
background  image)  or  button  symbol  be  cached  as  a  bitmap  at  runtime.  By  default,  Flash  Player  redraws  each  vector 
item  on  the  Stage  in  every  frame.  Caching  a  movie  clip  or  button  symbol  as  a  bitmap  prevents  Flash  Player  from  having 
to  continually  redraw  the  item,  because  the  image  is  a  bitmap  and  its  position  on  the  Stage  does  not  change.  This 
provides  a  significant  improvement  in  playback  performance. 

For  example,  when  you  create  an  animation  with  a  complex  background,  create  a  movie  clip  containing  all  the  items 
included  in  the  background.  Then  select  Cache  as  Bitmap  for  the  background  movie  clip  in  the  Property  inspector. 
During  playback,  the  background  is  rendered  as  a  bitmap  stored  at  the  current  screen  depth.  Flash  Player  draws  the 
bitmap  on  the  Stage  quickly  and  only  once,  letting  the  animation  play  faster  and  more  smoothly. 

Without  bitmap  caching,  the  animation  might  play  back  too  slowly. 

Bitmap  caching  lets  you  use  a  movie  clip  and  freeze  it  in  place  automatically.  If  a  region  changes,  vector  data  updates 
the  bitmap  cache.  This  process  minimizes  the  number  of  redraws  that  Flash  Player  must  perform,  and  provides 
smoother,  faster  playback  performance. 

Only  use  runtime  bitmap  caching  on  static,  complex  movie  clips  in  which  the  position,  but  not  the  content,  of  the  movie 
clip  changes  on  each  frame  in  an  animation.  The  playback  or  runtime  performance  improvement  from  using  runtime 
bitmap  caching  is  only  noticeable  on  complex-content  movie  clips.  Runtime  bitmap  caching  with  simple  movie  clips 
does  not  enhance  performance. 

For  more  information,  see  When  to  enable  caching  in  Learning  ActionScript  2.0  in  Adobe  Flash. 

Guy  Watson  has  written  a  detailed  article  about  using  bitmap  caching  in  the  Flash  Professional  Developer  Center  titled 
Using  Bitmap  Caching  in  Flash. 

The  Optimizing  animations  and  FLA  files  (7:24)  (CS3)  video  tutorial  also  provides  tips  on  using  runtime  bitmap 
caching. 

Note:  You  can  only  use  the  Use  Runtime  Bitmap  Caching  option  for  movie  clip  and  button  symbols. 

Under  the  following  circumstances,  a  movie  clip  does  not  use  a  bitmap  (even  if  Use  Runtime  Bitmap  Caching  is 
selected)  but  instead  renders  the  movie  clip  or  button  symbol  by  using  vector  data: 

•  The  bitmap  is  too  large  (greater  than  2880  pixels  in  either  direction). 

•  Flash  Player  fails  to  allocate  memory  for  the  bitmap  (producing  an  out-of-memory  error). 
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Specify  bitmap  caching  for  a  symbol  instance 

1  Select  the  movie  clip  or  button  symbol  on  the  Stage. 

2  In  the  Property  inspector,  select  the  Cache  as  Bitmap  option  (CS5)  or  choose  Cache  as  Bitmap  from  the  Render 
menu  (CS5.5). 

Specify  a  backround  color  for  a  cached  symbol  instance  (CS5.5  only) 

When  Bitmap  Caching  is  turned  on  for  a  symbol  instance,  you  can  choose  an  opaque  background  color  for  the  instance. 
By  default  the  background  is  transparent. 

1  Select  the  instance  on  the  Stage. 

2  In  the  Display  section  of  the  Properties  panel,  select  opaque  from  the  Bitmap  Background  menu. 

3  Select  a  background  color  from  the  color  picker. 

Videos  and  tutorials 

•  Video:  Flash  Professional  CS5.5  -  Export  as  bitmap  and  cache  as  bitmap  (2:06,  Adobe  TV) 


Graphic  filters 


About  filters 


Filter  overview 

Filters  (graphic  effects)  let  you  add  enriching  visual  effects  to  text,  buttons,  and  movie  clips.  A  feature  unique  to  Flash 
Pro  is  that  you  can  animate  the  filters  you  apply  using  motion  tweens. 

Flash  Pro  blend  modes  let  you  create  composite  images.  Compositing  is  the  process  of  varying  the  transparency  or  color 
interaction  of  two  or  more  overlapping  objects.  Blending  modes  also  add  a  dimension  of  control  to  the  opacity  of 
objects  and  images.  You  can  use  Flash  Pro  blending  modes  to  create  highlights  or  shadows  that  let  details  from  an 
underlying  image  show  through,  or  to  colorize  a  desaturated  image. 

About  animated  filters 

You  can  animate  filters  in  the  Timeline.  Objects  on  separate  keyframes  joined  by  a  tween  have  the  parameters  for 
corresponding  filters  tweened  on  intermediate  frames.  If  a  filter  does  not  have  a  matching  filter  (a  filter  of  the  same 
type)  at  the  opposite  end  of  the  tween,  a  matching  filter  is  added  automatically  to  ensure  that  the  effect  occurs  at  the 
end  of  the  animation  sequence. 

To  prevent  motion  tweens  from  functioning  incorrectly  if  a  filter  is  missing  at  one  end  of  the  tween,  or  if  filters  are 
applied  in  a  different  order  at  each  end,  Flash  Pro  does  the  following: 

•  If  you  apply  a  motion  tween  to  a  movie  clip  with  filters  applied  to  it,  when  you  insert  a  keyframe  at  the  opposite  end 
of  the  tween,  the  movie  clip  automatically  has  the  same  filters,  with  the  same  stacking  order,  on  the  last  frame  of  the 
tween  as  it  did  at  the  beginning  of  the  tween. 
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•  If  you  place  movie  clips  on  two  different  frames  with  different  filters  applied  to  each,  and  you  apply  a  motion  tween 
between  the  frames,  Flash  Pro  first  processes  the  movie  clip  with  the  most  filters.  Flash  Pro  then  compares  the  filters 
applied  to  the  first  movie  clip  against  the  filters  that  the  second  movie  clip  uses.  If  no  matching  filters  are  found  in 
the  second  movie  clip,  Flash  Pro  generates  a  dummy  filter  with  no  parameters  and  the  color  of  the  existing  filters. 

•  If  a  motion  tween  exists  between  two  keyframes  and  you  add  a  filter  to  the  object  in  one  keyframe,  Flash  Pro 
automatically  adds  a  dummy  filter  to  the  movie  clip  when  it  reaches  the  keyframe  at  the  other  end  of  the  tween. 

•  If  a  motion  tween  exists  between  two  keyframes  and  you  remove  a  filter  from  an  object  in  one  keyframe,  Flash  Pro 
automatically  removes  the  matching  filter  from  the  movie  clip  when  it  reaches  the  keyframe  at  the  other  end  of  the 
tween. 

•  If  you  set  filter  parameters  inconsistently  between  the  beginning  and  end  of  a  motion  tween,  Flash  Pro  applies  the 
filter  settings  of  the  starting  frame  to  the  interpolated  frames.  Inconsistent  settings  occur  when  the  following 
parameters  are  set  differently  between  the  beginning  and  end  of  the  tween:  knockout,  inner  shadow,  inner  glow,  and 
type  of  gradient  glow  and  gradient  bevel. 

For  example,  if  you  create  a  motion  tween  using  the  drop  shadow  filter,  and  apply  a  drop  shadow  with  a  knockout 
on  the  first  frame  of  the  tween,  and  an  inner  shadow  on  the  last  frame  of  the  tween,  Flash  Pro  corrects  the 
inconsistent  use  of  the  filter  in  the  motion  tween.  In  this  case,  Flash  Pro  applies  the  filter  settings  used  on  the  first 
frame  of  the  tween — a  drop  shadow  with  a  knockout. 

About  filters  and  Flash  Player  performance 

The  type,  number,  and  quality  of  the  filters  you  apply  to  objects  can  affect  the  performance  of  SWF  files  as  you  play 
them.  The  more  filters  you  apply  to  an  object,  the  greater  the  number  of  calculations  Adobe*  Flash*  Player  must  process 
to  correctly  display  the  visual  effects  you’ve  created.  Adobe*  recommends  that  you  apply  a  limited  number  of  filters  to 
a  given  object. 

Each  filter  includes  controls  that  let  you  adjust  the  strength  and  quality  of  the  applied  filter.  Using  lower  settings 
improves  performance  on  slower  computers.  If  you  are  creating  content  for  playback  on  a  wide  range  of  computers,  or 
are  unsure  of  the  computing  power  available  to  your  audience,  set  the  quality  level  to  Low  to  maximize  playback 
performance. 

About  Pixel  Bender  filters 

Adobe  Pixel  Bender"  is  a  programming  language  developed  by  Adobe  that  allows  users  to  create  custom  filters,  effects, 
and  blend  modes  for  use  in  Flash  and  After  Effects.  Pixel  Bender  is  hardware  independent  and  designed  to  run 
efficiently  on  a  variety  of  GPU  and  CPU  architectures  automatically. 

Pixel  Bender  developers  create  filters  by  writing  Pixel  Bender  code  and  saving  the  code  in  a  text  file  with  the  file 
extension  pbj.  Once  written,  a  Pixel  Bender  filter  can  be  used  by  any  Flash  document.  Use  ActionScript*  3.0  to  load  the 
filter  and  use  its  controls. 

For  more  information  about  working  with  Pixel  Bender  in  ActionScript,  see  ActionScript  3.0  Developer's  Guide. 

Lee  Brimelow  has  posted  several  helpful  Pixel  Bender  examples  on  his  blog  at  http://theflashblog.com/?cat=44. 

The  following  video  tutorials  demonstrate  the  use  of  Pixel  Bender  filters  in  Flash  Pro: 


Working  with  filters 

Enhanced  in  Flash  Professional  CC 

Each  time  you  add  a  new  filter  to  an  object,  it  is  added  to  the  list  of  applied  filters  for  that  object  in  the  Property 
inspector.  You  can  apply  multiple  filters  to  an  object,  as  well  as  remove  filters  that  were  previously  applied.  You  can  apply 
filters  only  to  text,  button,  movie  clip,  components,  and  compiled  clips  objects. 
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You  can  create  a  filter  settings  library  that  lets  you  easily  apply  the  same  filter  or  sets  of  filters  to  an  object.  Flash  Pro 
stores  the  filter  presets  you  create  in  the  Filters  section  of  the  Property  inspector  in  the  Filters  >  Presets  menu. 

With  Flash  Professional  CS6  and  earlier  versions,  applying  filters  was  restricted  to  movie  clip  and  button  symbols  only. 
With  Flash  Professional  CC,  you  can  now  additionally  apply  Filters  to  Compiled  Clips  and  Movie  Clip  components. 
This  allows  you  to  add  various  effects  to  components  directly,  at  the  click  of  a  button  (or  two),  making  your  applications 
look  that  much  better.  With  Flash  Pro  CS6,  to  add  filters  or  other  effects  to  components,  one  had  to  “wrap”  it  inside  a 
movie  clip  symbol.  That  is: 

1  Create  or  add  a  component  on  stage. 

2  Right  click  on  the  component,  and  select  Convert  to  Symbol. 

With  Flash  Professional  CS6  (and  earlier  versions),  you  could  add  filters  or  various  other  kinds  of  effects  after  wrapping 
the  component  inside  a  symbol.  However,  this  was  only  a  workaround,  and  not  a  suggested  best  practice.  With  Flash 
Professional  CC,  you  could  add  various  filters  to  components  by  directly  using  the  Filters,  Color  Effects,  and  Display 
Settings  options  available  on  the  Properties  Panel.  To  understand  this  key  enhancement  better,  consider  the  following 
example:  Adding  Bevel  filter  to  a  Button  component 


1  Create  or  add  a  Button  on  stage  from  the  Components  Panel,  and  select  the  Button  subsequently. 

2  On  the  Properties  Panel,  click  the  button  drop-down  list  in  the  Filters  section  and  select  Bevel  filter.  Properties 
and  Values  for  the  Bevel  filter  are  displayed. 

3  Modify  or  set  appropriate  values  for  any  desired  Property.  For  example,  Blur  X,  Blur  Y,  Strength,  Shadow,  etc.  You 
will  notice  the  effects  reflecting  on  the  selected  button  simultaneously. 


Properties 


'Instance 


E 

Movie  Clip 

Instance  of:  Symbol  1 

►  Position  and  Size 

►  3D  Position  and  View 

►  Color  Effect 

►  Display 

►  Accessibility 
▼  Fi  Iters 
+  -  - 

Drop  Shadow  Va|ue 

Blur 

Glow 

Bevel 

Gradient  Glow 
Gradient  Bevel 
Adjust  Color 
Remove  All 
Enable  All 
Disable  All 


Apply  or  remove  a  filter 

1  Select  a  text,  button,  or  movie  clip  object  to  apply  a  filter  to  or  remove  a  filter  from. 
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2  In  the  Filters  section  of  the  Property  panel,  do  one  of  the  following: 

•  To  add  a  filter,  click  the  button,  and  select  a  filter.  Experiment  with  the  settings  until  you  get  the  desired 
look. 

•  To  remove  a  filter,  select  the  filter  to  remove  in  the  list  of  applied  filters,  and  click  the  Remove  Filter  button  Q. 
You  can  delete  or  rename  any  presets. 

Copy  and  paste  a  filter 

1  Select  the  object  to  copy  a  filter  from,  and  select  the  Filters  panel. 

2  Select  the  filter  to  copy,  and  click  jjjjthe  button.  In  the  drop-down  click  Copy  Selected  Filter.  To  copy  all  filters, 
choose  Copy  All  Filters. 

3  Select  the  object  to  apply  the  filter  to,  and  click  the  button.  In  the  drop-down,  click  Paste  Filters. 

Apply  a  preset  filter  to  an  object 

1  Select  the  object  to  apply  a  filter  preset  to,  and  select  the  Filter  tab. 

2  Click  the  button  to  open  the  drop-down. 

3  Select  the  filter  preset  to  apply  from  the  list  of  available  presets  at  the  bottom  of  the  drop-down  list. 

Note:  When  you  apply  a  filter  preset  to  an  object,  Flash  Pro  replaces  any  filters  currently  applied  to  the  selected  objects  with 
the  filters  used  in  the  preset. 

Enable  or  disable  a  filter  applied  to  an  object 

❖  By  default  all  Filters  stay  enabled.  Click  the  icon  next  to  the  filter  name  to  disable  the  Filter  in  the  Filter  list.  Click 
the  X  button  next  to  the  filter  name  to  enable  a  Filter. 

Note:  To  toggle  the  enable  state  of  the  other  filters  in  the  list,  Alt-click  (Windows)  or  Option-click  (Macintosh)  the  enable 
icon  in  the  Filter  list.  If  you  Alt-click  the  <g>  icon,  the  selected  filter  is  enabled,  and  all  others  filters  in  the  list  are  disabled. 

Enable  or  disable  all  filters  applied  to  an  object 

❖  Click  the  ^^button,  and  select  Enable  All  or  Disable  All  from  the  drop-down. 

Note:  To  enable  or  disable  all  of  the  filters  in  the  list,  Control-click  the  enable  or  disable  icon  in  the  Filter  list. 

Create  preset  filter  libraries 

Save  filter  settings  as  preset  libraries  that  you  can  easily  apply  to  movie  clip  and  text  objects.  Share  your  filter  presets 
with  other  users  by  providing  them  with  the  filter  configuration  file.  The  filter  configuration  file  is  an  XML  file  that  is 
saved  in  the  Flash  Pro  Configuration  folder  in  the  following  location: 


•  Windows  7  and  8:  C:\Users\username\AppData\Local\Adobe\Flash  CC\language\Configuration 

•  (Flash  Professional  CS6  or  earlier  versions  only)  Windows  XP:  C:\Documents  and  Settings\username\Local 
SettingsVApplication  Data\Adobe\Flash  CS6\language\Configuration\Filters\filtername.xml 

•  (Flash  Professional  CS6  or  earlier  versions  only)  Windows  Vista:  C:\Users\username\Local  Settings\  Application 
Data\Adobe\Flash  CS6\language\Configuration\Filters\filtername.xml 

•  Macintosh:  Macintosh  HD/Users/username/Library/ Application  Support/ Adobe/Flash 
CC/language/Configuration/Filters/filtername.xml 
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Create  a  library  of  filters  with  preset  settings 

1  Apply  the  filter  or  filters  to  any  selected  object. 

2  Click  the  button  to  add  a  new  filter. 

3  Select  the  filter  and  click  the  mj button,  and  choose  Save  As  Preset. 

4  Enter  a  name  for  the  filter  settings  in  the  Save  Preset  As  dialog  box,  and  click  OK. 
Rename  a  filter  preset 

1  Click  the  button,  and  add  a  new  filter. 

2  Select  the  filter  and  click  the  button.  Click  Edit  Presets. 

3  Double-click  the  preset  name  to  modify. 

4  Enter  a  new  preset  name,  and  click  OK. 

Delete  a  filter  preset 

1  Click  the  button,  and  add  a  new  filter. 

2  Select  the  filter  and  click  the  button. 

3  Click  Edit  Presets. 

4  On  the  Edit  Presets  dialog,  select  the  preset  to  remove,  and  click  Delete. 

Applying  filters 


32S 


Apply  a  drop  shadow 

The  Drop  Shadow  filter  simulates  the  look  of  an  object  casting  a  shadow  onto  a  surface. 

Text ... 

For  a  sample  of  a  drop  shadow  with  a  classic  tween,  see  the  Flash  Samples  page  at  www.adobe.com/go/learn_fl_samples. 
Download  and  decompress  the  Samples  zip  file  and  navigate  to  the  Graphics\AnimatedDropShadow  directory. 

1  Select  the  object  to  apply  a  drop  shadow  to. 

2  In  the  Filters  section  of  the  Property  inspector,  click  the  button,  and  select  Drop  Shadow. 
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3  Edit  the  filter  settings: 

•  To  set  the  width  and  height  of  the  drop  shadow,  set  the  Blur  X  and  Y  values. 

•  To  set  the  darkness  of  the  shadow,  set  the  Strength  value.  The  higher  the  numerical  value,  the  darker  the  shadow. 

•  Select  the  quality  level  for  the  drop  shadow.  High  is  approximate  to  that  of  a  Gaussian  blur.  Low  maximizes 
playback  performance. 

•  To  set  the  angle  of  the  shadow,  enter  a  value. 

•  To  set  the  distance  of  the  shadow  from  the  object,  set  the  Distance  value. 

•  Select  Knockout  to  knock  out  (or  visually  hide)  the  source  object  and  display  only  the  drop  shadow  on  the 
knockout  image. 

•  To  apply  the  shadow  within  the  boundaries  of  the  object,  select  Inner  shadow. 

•  To  hide  the  object  and  display  only  its  shadow,  select  Hide  Object.  Hide  Object  lets  you  more  easily  create  a 
realistic  shadow. 

•  To  open  the  Color  Picker  and  set  the  shadow  color,  click  the  Color  control. 

Create  a  skewed  drop  shadow 


1  Select  the  object  with  the  shadow  you  want  to  skew. 

2  Duplicate  (select  Edit  >  Duplicate)  the  source  object. 

3  Select  the  duplicated  object,  and  skew  it  using  the  Free  Transform  tool  (Modify  >  Transform  >  Rotate  And  Skew). 

4  Apply  the  Drop  Shadow  filter  to  the  duplicated  movie  clip  or  text  object.  (It  will  already  be  applied  if  the  object  you 
duplicated  already  had  a  drop  shadow.) 

5  In  the  Filters  panel,  select  Hide  Object  to  hide  the  duplicated  object  while  leaving  its  shadow  visible. 

6  Select  Modify  >  Arrange  >  Send  Backward  to  place  the  duplicated  object  and  its  shadow  behind  the  original  object 
that  you  duplicated. 

7  Adjust  both  the  Drop  Shadow  filter  settings  and  the  angle  of  the  skewed  drop  shadow  until  you  achieve  the  desired 
look. 


Apply  a  blur 

The  Blur  filter  softens  the  edges  and  details  of  objects.  Applying  a  blur  to  an  object  can  make  it  appear  as  if  it  is  behind 
other  objects,  or  make  an  object  appear  to  be  in  motion. 

Text ... 

1  Select  an  object  to  apply  a  blur  to,  and  select  Filters. 

2  Click  the  button,  and  select  Blur. 

3  Edit  the  filter  settings  on  the  Filter  tab: 

•  To  set  the  width  and  height  of  the  blur,  set  the  Blur  X  and  Y  values. 

•  Select  the  quality  level  for  the  blur.  High  is  approximate  to  that  of  a  Gaussian  blur.  Low  maximizes  playback 
performance. 
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Apply  a  glow 

The  Glow  filter  lets  you  apply  a  color  around  the  edges  of  an  object. 

Text ... 

1  Select  an  object  to  apply  a  glow  to,  and  select  Filters. 

2  Click  the  button,  and  select  Glow. 

3  Edit  the  filter  settings  in  the  Filter  tab: 

•  To  set  the  width  and  height  of  the  glow,  set  the  Blur  X  and  Y  values. 

•  To  open  the  Color  Picker  and  set  the  glow  color,  click  the  Color  control. 

•  To  set  the  sharpness  of  the  glow,  set  the  Strength  value. 

•  To  knock  out  (or  visually  hide)  the  source  object  and  display  only  the  glow  on  the  knockout  image,  select 
Knockout. 


•  To  apply  the  glow  within  the  boundaries  of  the  object,  select  Inner  Glow. 

•  Select  the  quality  level  for  the  glow.  High  is  approximate  to  that  of  a  Gaussian  blur.  Low  maximizes  playback 
performance. 

Apply  a  bevel 

Applying  a  bevel  applies  a  highlight  to  the  object  that  makes  it  appear  to  be  curved  up  above  the  background  surface. 

Text ... 

1  Select  an  object  to  apply  a  bevel  to,  and  select  Filters. 

2  Click  the  button,  and  select  Bevel. 

3  Edit  the  filter  settings  in  the  Filter  tab: 

•  To  set  the  type  of  bevel,  select  a  bevel  from  the  Type  menu. 

•  To  set  the  width  and  height  of  the  bevel,  set  the  Blur  X  and  Y  values. 

•  Select  a  shadow  and  highlight  color  for  the  bevel  from  the  pop-up  color  palette. 

•  To  set  the  opacity  of  the  bevel  without  affecting  its  width,  set  the  Strength  value. 

•  To  change  the  angle  of  the  shadow  that  the  beveled  edge  casts,  set  the  Angle  value. 

•  To  define  the  width  of  the  bevel,  enter  a  value  for  Distance. 

•  To  knock  out  (or  visually  hide)  the  source  object  and  display  only  the  bevel  on  the  knockout  image,  select 
Knockout. 

Apply  a  gradient  glow 

Applying  a  gradient  glow  produces  a  glow  look  with  a  gradient  color  across  the  surface  of  the  glow.  The  gradient  glow 
requires  one  color  at  the  beginning  of  the  gradient  with  an  Alpha  value  of  0.  You  cannot  move  the  position  of  this  color, 
but  you  can  change  the  color. 
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Text ... 

1  Select  an  object  to  apply  a  gradient  glow  to. 

2  In  the  Filters  section  of  the  Property  inspector,  click  the  ^^button,  and  select  Gradient  Glow. 

3  Edit  the  filter  settings  on  the  Filter  tab: 

•  Select  the  type  of  glow  to  apply  to  the  object  from  the  Type  pop-up  menu. 

•  To  set  the  width  and  height  of  the  glow,  set  the  Blur  X  and  Y  values. 

•  To  set  the  opacity  of  the  glow  without  affecting  its  width,  set  the  Strength  value. 

•  To  change  the  angle  of  the  shadow  that  the  glow  casts,  set  the  Angle  value. 

•  To  set  the  distance  of  the  shadow  from  the  object,  set  the  Distance  value. 

•  To  knock  out  (or  visually  hide)  the  source  object  and  display  only  the  gradient  glow  on  the  knockout  image,  select 
Knockout. 

•  Specify  a  gradient  color  for  the  glow.  A  gradient  contains  two  or  more  colors  that  fade  or  blend  into  one  another. 
The  color  you  select  for  the  beginning  of  the  gradient  is  referred  to  as  the  alpha  color. 

•  To  change  a  color  in  the  gradient,  select  one  of  the  color  pointers  below  the  gradient  definition  bar  and  click  the 
color  space  that  appears  directly  below  the  gradient  bar  to  display  the  Color  Picker.  Sliding  these  pointers  adjusts 
the  level  and  position  of  that  color  in  the  gradient. 

•  To  add  a  pointer  to  the  gradient,  click  on  or  below  the  gradient  definition  bar.  To  create  a  gradient  with  up  to  15 
color  transitions,  add  up  to  15  color  pointers.  To  reposition  a  pointer  on  the  gradient,  drag  the  pointer  along  the 
gradient  definition  bar.  To  remove  a  pointer,  drag  it  down  and  off  the  gradient  definition  bar. 

•  Select  the  quality  level  for  the  gradient  glow.  High  is  approximate  to  that  of  a  Gaussian  blur.  Low  maximizes 
playback  performance. 

Apply  a  gradient  bevel 

Applying  a  gradient  bevel  produces  a  raised  look  that  makes  an  object  appear  to  be  raised  above  the  background,  with 

a  gradient  color  across  the  surface  of  the  bevel.  The  gradient  bevel  requires  one  color  in  the  middle  of  the  gradient  with 

an  alpha  value  of  0. 

1  Select  an  object  to  apply  a  gradient  bevel  to. 

2  In  the  Filters  section  of  the  Property  inspector,  click  the  [^button,  and  select  Gradient  Bevel. 

3  Edit  the  filter  settings  on  the  Filter  tab: 

•  Select  the  type  of  bevel  to  apply  to  the  object  from  the  Type  pop-up  menu. 

•  To  set  the  width  and  height  of  the  bevel,  set  the  Blur  X  and  Y  values. 

•  To  affect  the  smoothness  of  the  bevel  without  affecting  its  width,  enter  a  value  for  Strength. 

•  To  set  the  angle  of  the  light  source,  enter  a  value  for  Angle. 

•  To  knock  out  (or  visually  hide)  the  source  object  and  display  only  the  gradient  bevel  on  the  knockout  image, 
select  Knockout. 

•  Specify  a  gradient  color  for  the  bevel.  A  gradient  contains  two  or  more  colors  that  fade  or  blend  into  one  another. 
The  middle  pointer  controls  the  alpha  color  of  the  gradient.  You  can  change  the  color  of  the  alpha  pointer,  but 
you  cannot  reposition  this  color  in  the  gradient. 
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To  change  a  color  in  the  gradient,  select  one  of  the  color  pointers  below  the  gradient  definition  bar,  and  click  the 
color  space  that  appears  directly  below  the  gradient  bar  to  display  the  Color  Picker.  To  adjust  the  level  and 
position  of  that  color  in  the  gradient,  slide  these  pointers. 

To  add  a  pointer  to  the  gradient,  click  on  or  below  the  gradient  definition  bar.  To  create  a  gradient  with  up  to  15 
color  transitions,  add  up  to  15  color  pointers.  To  reposition  a  pointer  on  the  gradient,  drag  the  pointer  along  the 
gradient  definition  bar.  To  remove  a  pointer,  drag  it  down  and  off  the  gradient  definition  bar. 

Apply  the  Adjust  Color  filter 

The  Adjust  Color  filter  allows  you  to  finely  control  the  color  attributes  of  the  selected  object,  including  contrast, 
brightness,  saturation,  and  hue. 

1  Select  an  object  to  adjust  the  color  for. 

2  In  the  Filters  section  of  the  Property  inspector,  click  the  button,  and  select  Adjust  Color. 

3  Enter  values  for  the  color  attributes.  The  attributes  and  their  corresponding  values  are  as  follows: 

Contrast  Adjusts  the  highlights,  shadows,  and  midtones  of  an  image. 

Brightness  Adjusts  the  brightness  of  an  image. 

Saturation  Adjusts  the  intensity  of  a  color. 

Hue  Adjusts  the  shade  of  a  color. 

4  To  reset  all  of  the  color  adjustments  to  0  and  return  the  object  to  its  original  state,  click  Reset  Filter. 

More  Help  topics 

Working  with  Pixel  Bender  shaders 

Change  the  color  and  transparency  of  an  instance 


Exporting  SVG  files 


What  is  SVG? 

Scalable  Vector  Graphics  (SVG)  is  an  XML  markup  language  for  describing  two-dimensional  images.  SVG  files  provide 
resolution  independent,  HiDPI  graphics  on  the  web,  in  print,  and  on  mobile  devices  in  a  compact  format.  You  can  style 
an  SVG  with  CSS,  and  the  support  of  scripting  and  animation  makes  SVG  an  integral  part  of  the  web  platform. 

Some  common  image  formats  of  the  web,  such  as  GIF,  JPEG,  and  PNG,  are  bulky  and  are  usually  of  low  resolution.  The 
SVG  format  offers  a  lot  more  value  by  allowing  you  to  describe  images  in  terms  of  vector  shapes,  text,  and  filter-effects. 
SVG  files  are  compact  and  provide  high-quality  graphics  on  the  web  and  on  handheld  devices  that  have  resource 
constraints,  as  well.  You  can  magnify  the  view  of  an  SVG  image  on-screen  without  compromising  on  sharpness,  detail, 
or  clarity.  In  addition,  SVG  provides  superior  support  for  text  and  colors,  which  ensures  that  you  will  see  images  as  they 
appear  on  Stage.  The  SVG  format  is  entirely  XML-based  and  offers  many  advantages  to  developers  and  other  users 
alike. 
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The  export  SVG  workflow  in  Flash  Professional  CC 

Flash  Professional  CC  allows  you  to  export  to  SVG  format,  version  1.1.  You  can  create  visually  rich  artwork  using 
powerful  design  tools  available  within  Flash  Professional,  and  then,  export  to  SVG. 

In  Flash  Professional  CC,  you  can  export  selected  frames  and  keyframes  of  an  animation.  And,  because  the  exported 
artwork  is  Vector,  the  resolution  of  the  image  is  high  even  on  scaling  to  different  sizes. 

The  SVG  export  feature  replaces  the  erstwhile  FXG  export  (dropped  from  Flash  Professional  CC  (June,  2013)).  You 
will  find  that  performance  of  SVG  export  feature  and  the  quality  of  the  output  is  far  superior.  Also,  in  comparison  to 
FXG,  loss  of  content  is  minimal  in  SVG. 

Artwork  with  Filter  effects 

With  SVG,  filter  effects  may  not  appear  exactly  the  same  as  in  Flash  Pro,  since  there  is  no  one-to-one  mapping  between 
filters  available  in  Flash  and  SVG.  However,  Flash  Pro  leverages  combinations  of  different  primitive  filters  available 
within  SVG  to  simulate  a  similar  effect. 


Handling  multiple  symbols 

The  SVG  export  handles  multiple  symbols  seamlessly,  without  any  loss  of  content.  The  output  closely  resembles  the 
artwork  on  Stage  within  Flash  Pro. 


Exporting  artwork  in  SVG  format 

1  In  Flash  Professional  CC,  scrub  or  move  the  playhead  to  the  appropriate  frame. 

2  Select  File  >  Export  >  Export  Image,  or  select  File  >  Publish  Settings  (select  the  SVG  Image  option  in  the  Other 

Formats  section.) 

3  Enter  or  browse  to  the  location  where  you  want  to  save  the  SVG  file.  Ensure  that  you  select  SVG  as  the  Save  As  type. 

4  Click  Ok. 

5  On  the  Export  SVG  dialog,  choose  to  Embed  or  Link  to  your  SVG  file. 

•  Include  Hidden  Layers  Exports  all  hidden  layers  in  the  Flash  document.  Deselecting  Export  Hidden  Layers 
prevents  all  layers  (including  layers  nested  inside  movie  clips)  marked  as  hidden  from  being  exported  in  the 
resulting  SVG.  This  lets  you  easily  test  different  versions  of  Flash  documents  by  making  layers  invisible. 

•  Embed:  Embeds  a  bitmap  in  the  SVG  file.  Use  this  option  to  if  you  want  to  directly  embed  bitmaps  within  the 
SVG  file. 

•  Link:  Provides  a  link  to  the  path  of  bitmap  files.  Use  this  option  when  you  do  not  want  to  embed,  but  provide 
link  to  the  bitmaps  from  the  SVG  file.  If  you  select  Copy  Images  to  Folder  option,  the  bitmaps  will  be  saved 
inside  the  images  folder  created  at  the  location  where  the  SVG  file  is  exported.  When  Copy  Images  to  Folder 
option  is  not  selected,  the  bitmaps  will  be  referenced  in  the  SVG  file  from  their  original  source  location.  In  case 
the  bitmap  source  location  is  unavailable  then  they  will  be  embedded  inside  the  svg  file. 

•  Copy  Images  to  /Images  folder:  Allows  you  to  copy  the  bitmap  to  the  /Images.  The  /Images  folder,  if  it  does  not 
already  exist,  is  created  in  the  export  location  of  the  SVG. 
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SVG  Profiles: 

Options 

'S  Include  hidden  layers 

Image  Location: 

Embed 
•  Link 


y  Copy  images  into  a  folder  and  update  links 


❖  Click  Ok. 

Note:  Some  Flash  Professional  features  are  not  supported  by  SVG  format.  Content  created  using  these  features  are  either 
removed  or  defaulted  to  a  supported  feature  when  exporting.  For  more  information,  see  this  article  . 

Alternatively,  you  could  also  use  the  Publish  Settings  dialog  to  export  SVG  files  from  within  Flash  Professional  CC  (File 
>  Publish  Settings).  Select  the  SVG  option  from  the  Other  formats  section  to  export  SVG  files. 

Note:  It  is  recommended  that  you  view  SVG  on  modern  browsers  with  latest  updates  only.  This  is  because,  some  graphic 
filters  and  color  effects  may  not  render  correctly  on  older  versions  of  browsers  such  as  Internet  Explorer  9. 


Interchanging  SVG  files  with  Adobe  Illustrator 

Flash  Professional  CC  enables  interchanging  of  content  with  Adobe  Illustrator.  This  workflow  is  a  replacement  for  the 
FXG  Export  feature  that  was  dropped  with  Flash  Professional  CC  (13.0).  You  can  export  SVG  files  from  within  Flash 
Professional,  and  import  them  within  Adobe  Illustrator.  For  more  information  about  using  SVG  files  within  Adobe 
Illustrator,  see  this  Help  Topic. 

Use  this  workflow  if  you  want  to  make  granular  edits  to  your  artwork  and  add  enriching  detail.  You  may  also  use 
Illustrator  to  add  effects,  such  as  drop  shadow,  to  the  artwork. 

To  edit  SVG  files  within  Adobe  Illustrator  and  use  the  edited  content  within  Flash  Pro,  do  the  following: 

1  In  Flash  Professional  CC,  export  to  SVG. 

2  Edit  your  artwork  by  opening  the  SVG  file  using  Adobe  Illustrator. 

3  Save  the  SVG  file  as  an  .ai  file,  and  import  within  Flash  Pro.  For  more  information  about  using  Illustrator  files  within 
Flash  Pro,  see  this  article. 
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Sharing  library  assets  across  files 


Sharing  library  assets  at  runtime 


About  runtime  shared  library  assets 

Shared  library  assets  let  you  use  assets  from  one  FLA  file  in  another  FLA  file.  This  can  be  useful  in  these  situations: 

•  When  more  than  one  FLA  file  needs  to  use  the  same  artwork  or  other  assets. 

•  When  a  designer  and  a  developer  want  to  be  able  to  edit  artwork  and  ActionScript  code  in  separate  FLA  files  for  a 
joint  project. 

Sharing  library  assets  works  like  this: 

•  For  runtime  shared  assets,  assets  from  a  source  document  are  linked  as  external  files  in  a  destination  document. 
Runtime  assets  are  loaded  into  the  destination  document  during  document  playback — that  is,  at  runtime.  The 
source  document  containing  the  shared  asset  does  not  need  to  be  available  on  your  local  network  when  you  author 
the  destination  document.  The  source  document  must  be  posted  to  a  URL  for  the  shared  asset  to  be  available  to  the 
destination  document  at  runtime. 


Working  with  runtime  shared  assets 

Using  runtime  shared  library  assets  involves  two  procedures.  First,  the  author  of  the  source  document  defines  a  shared 
asset  in  the  source  document  and  enters  an  identifier  string  for  the  asset  and  a  URL  (HTTP  or  HTTPS  only)  where  the 
source  document  will  be  posted. 

Second,  the  author  of  the  destination  document  defines  a  shared  asset  in  the  destination  document  and  enters  an 
identifier  string  and  URL  identical  to  those  used  for  the  shared  asset  in  the  source  document.  Alternatively,  the 
destination  document  author  can  drag  the  shared  assets  from  the  posted  source  document  into  the  destination 
document  library.  The  ActionScript  version  set  in  the  Publish  settings  must  match  that  of  the  source  document. 

In  either  scenario,  the  source  document  must  be  posted  to  the  specified  URL  for  the  shared  assets  to  be  available  for 
the  destination  document. 

Define  runtime  shared  assets  in  a  source  document 

To  define  sharing  properties  for  an  asset  in  a  source  document  and  make  the  asset  accessible  for  linking  to  destination 
documents,  use  the  Symbol  Properties  dialog  box  or  the  Linkage  Properties  dialog  box. 

1  With  the  source  document  open,  select  Window  >  Library: 

2  Do  one  of  the  following: 

•  Select  a  movie  clip,  button,  or  graphic  symbol  in  the  Library  panel,  and  select  Properties  from  the  Library  Panel 
menu.  Click  Advanced. 

•  Select  a  font  symbol,  sound,  or  bitmap,  and  select  Linkage  from  the  Library  Panel  menu. 

3  For  Linkage,  select  Export  For  Runtime  Sharing  to  make  the  asset  available  for  linking  to  the  destination  document. 

4  Enter  an  identifier  for  the  symbol.  Do  not  include  spaces.  This  is  the  name  Flash  Professional  uses  to  identify  the 
asset  when  linking  to  the  destination  document. 
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Note:  Flash  Professional  also  uses  the  linkage  identifier  to  identify  a  movie  clip  or  button  that  is  used  as  an  object  in 
ActionScript.  See  Working  with  movie  clips  in  Learning  ActionScript  2.0  in  Adobe  Flash  or  Working  with  movie  clips 
in  the  ActionScript  3.0  Developer’s  Guide. 

5  Enter  the  URL  where  the  SWF  file  containing  the  shared  asset  will  be  posted,  and  click  OK. 

When  you  publish  the  SWF  file,  you  must  post  the  SWF  file  to  the  URL  you  specified  so  that  the  shared  assets  are 
available  to  destination  documents. 

Link  to  runtime  shared  assets  from  a  destination  document 

You  can  link  to  a  shared  asset  by  entering  its  URL  or  by  dragging  the  asset  into  the  destination  document. 

Link  a  shared  asset  to  a  destination  document  by  entering  the  identifier  and  URL 

1  In  the  destination  document,  select  Window  >  Library. 

2  Do  one  of  the  following: 

•  Select  a  movie  clip,  button,  graphic  symbol,  bitmap,  or  sound  in  the  Library  panel,  and  select  Properties  from  the 
Library  Panel  menu.  Click  Advanced. 

•  Select  a  font  symbol,  and  select  Linkage  from  the  Library  Panel  menu. 

3  For  Linkage,  select  Import  For  Runtime  Sharing  to  link  to  the  asset  in  the  source  document. 

4  Enter  an  identifier  for  the  symbol,  bitmap,  or  sound  that  is  identical  to  the  identifier  used  for  the  symbol  in  the 
source  document.  Do  not  include  spaces. 

5  Enter  the  URL  where  the  SWF  source  file  containing  the  shared  asset  is  posted,  and  click  OK. 

Link  a  shared  asset  to  a  destination  document  by  dragging 

1  In  the  destination  document,  do  one  of  the  following: 

•  Select  File  >  Open. 

•  Select  File  >  Import  >  Open  External  Library. 

2  Select  the  source  document  and  click  Open. 

3  Drag  the  shared  asset  from  the  source  document  Library  panel  into  the  Library  panel  or  onto  the  Stage  in  the 
destination  document. 

Turn  off  sharing  for  a  symbol  in  a  destination  document 

1  In  the  destination  document,  select  the  linked  symbol  in  the  Library  panel  and  do  one  of  the  following: 

•  If  the  asset  is  a  movie  clip,  button,  or  graphic  symbol,  select  Properties  from  the  Library  Panel  menu. 

•  If  the  asset  is  a  font  symbol,  select  Linkage  from  the  Library  Panel  menu. 

2  Deselect  Import  For  Runtime  Sharing,  and  click  OK. 

Sharing  library  assets  at  author-time 

Sharing  assets  at  author-time  has  these  advantages: 

•  Allows  you  to  avoid  the  need  for  redundant  copies  of  assets  used  in  more  than  one  FLA  file.  For  example,  if  you  are 
developing  a  FLA  for  web  browsers,  another  for  iOS  and  another  for  Android,  you  can  share  assets  among  the  3  files. 

•  When  you  edit  a  shared  asset  in  one  FLA  file,  the  changes  are  reflected  in  other  FLA  files  that  use  the  asset  when 
they  are  opened  or  brought  into  focus. 
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There  are  2  ways  of  sharing  library  assets  during  authoring: 

•  Using  symbols  from  external  FLA  files  by  linking  to  them  from  symbols  in  another  FLA  file. 

•  (CS5.5  only)  Sharing  symbols  among  FLA  files  that  are  part  of  the  same  Flash  project  in  the  Project  panel.  For 
information  about  using  the  Project  panel,  see  Working  with  Flash  projects  . 

Sharing  by  linking  to  symbols  in  separate  FLA  files  works  like  this: 

•  For  shared  assets  during  authoring,  update  or  replace  any  symbol  in  a  FLA  file  you  are  authoring  with  any  symbol 
in  any  other  FLA  file  available  on  your  local  network. 

•  Update  the  symbol  in  the  destination  document  as  you  author  the  document. 

•  The  symbol  in  the  destination  document  retains  its  original  name  and  properties,  but  its  contents  are  updated  or 
replaced  with  those  of  the  symbol  you  select. 

Sharing  symbols  using  the  Project  panel  works  like  this  (CS5.5  only): 

•  You  create  a  project  in  the  Project  panel  and  create  a  FLA  file  in  the  project. 

•  In  that  FLA  file,  you  specify  which  symbols  you  want  to  share  with  other  files  by  checking  the  sharing  checkbox  for 
each  item  in  the  Library  panel. 

•  Create  a  second  FLA  file  in  the  project. 

•  Copy  and  paste  layers,  frames,  or  items  on  the  Stage  from  the  first  FLA  file  to  the  second. 

•  Flash  moves  the  shared  library  items  in  the  pasted  elements  to  a  separate  file  called  AuthortimeSharedAssets.FLA 
within  the  project  folder. 

The  following  assets  types  are  sharable  within  a  project: 


Asset  type 

Sharable  on  its  own? 

Sharable  if  inside  a  movie  clip? 

Movie  clip  symbol 

Yes 

Yes 

Graphic  symbol 

Yes 

Yes 

Button  symbol 

Yes 

Yes 

Font  symbol 

No 

Yes 

FLV  video 

No 

Yes 

Embeded  video 

No 

Yes 

Sound  (any  format) 

No 

Yes 

Bitmap  (any  format) 

No 

Yes 

Compiled  clip  (SWC) 

No 

Yes 

Component  (symbol-based) 

Yes 

Yes 

Update  or  replace  shared  symbols 

You  can  update  or  replace  a  movie  clip,  button,  or  graphic  symbol  in  a  document  with  any  other  symbol  in  a  FLA  file 
accessible  on  your  local  network.  The  original  name  and  properties  of  the  symbol  in  the  destination  document  are 
preserved,  but  the  contents  of  the  symbol  are  replaced  with  the  contents  of  the  symbol  you  select.  Any  assets  that  the 
selected  symbol  uses  are  also  copied  into  the  destination  document. 

1  With  the  document  open,  select  a  movie  clip,  button,  or  graphic  symbol  in  the  Library  panel  and  select  Properties 
from  the  panel  Options  menu. 
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2  If  the  Linkage  and  Source  areas  of  the  Symbol  Properties  dialog  box  are  not  showing,  click  Advanced. 

3  To  select  a  new  FLA  file,  click  Browse. 

4  Navigate  to  a  FLA  file  that  contains  the  symbol  to  use  to  update  or  replace  the  selected  symbol  in  the  Library  panel, 
and  click  Open. 

5  Navigate  to  a  symbol,  and  click  OK. 

6  Do  one  of  the  following: 

•  CS5:  In  the  Symbol  Properties  dialog  box,  under  Source,  select  Always  Update  Before  Publishing  and  click  OK. 

•  CS5.5:  In  the  Symbol  Properties  dialog  box,  under  Authortime  Sharing,  select  Update  Automatically  and  click 
OK 

Define  assets  for  sharing  in  a  project  (CS5.5  only) 

Sharing  assets  among  FLA  files  in  a  project  allows  you  to  edit  the  asset  in  one  file  and  see  the  changes  reflected  in  the 
other  FLA  files  that  use  the  asset. 

1  Create  a  Flash  project.  See  Create  projects  . 

2  In  a  FLA  file  in  the  project,  for  each  library  asset  you  want  to  share  with  other  FLA  files  in  the  project,  do  one  of  the 
following: 

•  Open  the  Library  panel  and  select  the  Link  checkbox  next  to  the  asset  name. 

•  With  the  asset  selected  in  the  Library  panel,  choose  Properties  from  the  panel  Options  menu  and  then  click  the 
Share  with  Project  button. 

3  In  the  Timeline  or  on  the  Stage,  copy  layers,  frames,  or  Stage  items  containing  shared  assets. 

4  In  a  separate  FLA  file  in  the  same  project,  paste  the  layers,  frames,  or  stage  items  into  a  separate  FLA  filer  in  the  same 
project. 

Videos  and  tutorials 

•  Video:  Flash  Professional  CS5.5  -  Sharing  assets  across  projects  (3:51,  Paul  Trani,  Adobe  TV) 

•  Tutorial:  Creating  mobile  projects  with  shared  assets  and  the  Project  panel  (Yuki  Shimizu,  Adobe.com) 


Reshape  lines  and  shapes 


Display  and  adjust  points  with  the  Subselection  tool 

1  Select  the  Subselection  tool  {  . 

2  Click  the  line  or  shape  outline. 

Reshape  a  line  or  shape 

To  reshape  a  line  or  shape  outline,  drag  any  point  on  a  line  using  the  Selection  tool.  The  pointer  changes  to  indicate 
what  type  of  reshaping  it  can  perform  on  the  line  or  fill. 
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Flash  Professional  adjusts  the  curve  of  the  line  segment  to  accommodate  the  new  position  of  the  moved  point.  If  the 
repositioned  point  is  an  end  point  the  line  will  lengthen  or  shorten.  If  the  repositioned  point  is  a  corner,  the  line 
segments  forming  the  corner  remain  straight  as  they  become  longer  or  shorter. 


Some  brush  stroke  areas  are  easier  to  reshape  if  you  view  them  as  outlines. 

If  you  are  having  trouble  reshaping  a  complex  line,  smooth  it  to  remove  some  of  its  details,  making  reshaping  easier. 
Increasing  the  magnification  can  also  make  reshaping  easier  and  more  accurate. 

1  Select  the  Selection  tool  \ . 

2  Do  one  of  the  following: 

•  To  reshape  the  segment,  drag  from  any  point. 

•  To  drag  a  line  to  create  a  new  corner  point,  control-click  (Windows)  or  Option-click  (Macintosh). 


Straighten  and  smooth  lines 

Straightening  makes  small  straightening  adjustments  to  lines  and  curves  you  already  drew.  It  has  no  effect  on  segments 
that  are  already  straight. 

Note:  To  adjust  the  degree  of  automatic  smoothing  and  straightening,  specify  preferences  for  drawing  settings. 

To  make  Flash  Professional  recognize  shapes,  use  the  straightening  technique.  If  you  draw  any  oval,  rectangular,  or 
triangular  shapes  with  the  Recognize  Shapes  option  turned  off,  use  the  Straightening  option  to  make  the  shapes 
geometrically  perfect.  Shapes  that  are  touching,  and  thus  connected  to  other  elements,  are  not  recognized. 


Smoothing  softens  curves  and  reduces  bumps  or  other  variations  in  a  curve’s  overall  direction.  It  also  reduces  the 
number  of  segments  in  a  curve.  Smoothing  is  relative,  however,  and  has  no  effect  on  straight  segments.  It  is  particularly 
useful  when  you  are  having  trouble  reshaping  a  number  of  very  short  curved  line  segments.  Selecting  all  the  segments 
and  smoothing  them  reduces  the  number  of  segments,  producing  a  gentler  curve  that  is  easier  to  reshape. 

Repeated  application  of  smoothing  or  straightening  makes  each  segment  smoother  or  straighter,  depending  on  how 
curved  or  straight  each  segment  was  originally. 

•  To  smooth  the  curve  of  each  selected  stroke,  select  the  Selection  tool  and  click  the  Smooth  modifier  in  the 
Options  section  of  the  Tools  panel.  Each  click  of  the  Smooth  modifier  button  makes  the  selected  stroke  progressively 
smoother. 

•  To  enter  specific  parameters  for  a  smoothing  operation,  choose  Modify  >  Shape  >  Smooth.  In  the  Smooth  dialog 
box,  enter  values  for  the  Smooth  Angles  Above,  Smooth  Angles  Below,  and  Smoothing  Strength  parameters. 
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•  To  make  small  straightening  adjustments  on  each  selected  fill  outline  or  curved  line,  select  the  Selection  tool  \  and 
click  the  Straighten  modifier  p  in  the  Options  section  of  the  Tools  panel. 

•  To  enter  specific  parameters  for  a  straightening  operation,  choose  Modify  >  Shape  >  Straighten.  In  the  Straighten 
dialog  box,  enter  a  value  for  the  Straighten  Strength  parameter. 

•  To  use  shape  recognition,  select  the  Selection  tool  ^  and  click  the  Straighten  modifier  p ,  or  select  Modify  >  Shape 
>  Straighten. 


Optimize  curves 

Optimizing  smooths  curves  by  refining  curved  lines  and  filling  outlines,  reducing  the  number  of  curves  used  to  define 
these  elements.  Optimizing  curves  also  reduces  the  size  of  the  Flash  Professional  document  (FLA  file)  and  the  exported 
Flash  Professional  application  (SWF  file).  Apply  optimization  to  the  same  elements  multiple  times. 

1  Select  the  drawn  elements  to  optimize  and  select  Modify  >  Shape  >  Optimize. 

2  To  specify  the  degree  of  smoothing,  drag  the  Optimization  Strength  slider.  The  results  depend  on  the  curves 
selected.  Generally,  optimizing  produces  fewer  curves,  with  less  resemblance  to  the  original  outline. 

3  To  display  a  message  indicating  the  number  of  segments  in  the  selection  before  and  after  the  optimization,  select  the 
Show  Totals  Message  option.  Flash  Professional  displays  the  message  after  the  operation  completes. 

4  Click  OK. 

Modify  shapes 

1  To  convert  lines  to  fills,  select  a  line  or  multiple  lines  and  select  Modify  >  Shape  >  Convert  Lines  To  Fills.  Selected 
lines  are  converted  to  filled  shapes,  which  allows  you  to  fill  lines  with  gradients  or  to  erase  a  portion  of  a  line. 
Converting  lines  to  fills  can  make  file  sizes  larger,  but  it  can  also  speed  up  drawing  for  some  animations. 

2  To  expand  the  shape  of  a  filled  object,  select  a  filled  shape,  and  select  Modify  >  Shape  >  Expand  Fill.  Enter  a  value 
in  pixels  for  Distance  and  select  Expand  or  Inset  For  Direction.  Expand  enlarges  the  shape,  and  Inset  reduces  it. 

This  feature  works  best  on  a  single,  small,  filled  color  shape  with  no  stroke,  that  does  not  contain  many  small  details. 

3  To  soften  the  edges  of  an  object,  select  a  filled  shape,  and  select  Modify  >  Shape  >  Soften  Fill  Edges.  Set  the  following 
options: 

Distance  The  width,  in  pixels,  of  the  soft  edge. 

Number  Of  Steps  Controls  how  many  curves  are  used  for  the  soft  edge  effect.  The  more  steps  you  use,  the  smoother 
the  effect.  Increasing  steps  also  creates  larger  files  and  slows  drawing. 

Expand  Or  Inset  Controls  whether  the  shape  is  enlarged  or  reduced  to  soften  the  edges. 

This  feature  works  best  on  a  single  filled  shape  that  has  no  stroke,  and  can  increase  the  file  size  of  a  Flash  Professional 
document  and  the  resulting  SWF  file. 


Delete  everything  on  the  Stage 

❖  Double-click  the  Eraser  tool  &  in  the  toolbar.  This  erases  all  types  of  content  on  the  Stage  and  pasteboard. 

Remove  stroke  segments  or  filled  areas 

1  Select  the  Eraser  tool,  and  then  click  the  Faucet  modifier 

2  Click  the  stroke  segment  or  filled  area  to  delete. 


Last  updated  6/1 2/2015 


Multimedia  and  Video 


338 


Erase  by  dragging 

1  Select  the  Eraser  tool. 

2  Click  the  Eraser  Mode  modifier  and  select  an  erasing  mode: 

Erase  Normal  Erases  strokes  and  fills  on  the  same  layer. 

Erase  Fills  Erases  only  fills;  strokes  are  not  affected. 

Erase  Lines  Erases  only  strokes;  fills  are  not  affected. 

Erase  Selected  Fills  Erases  only  the  currently  selected  fills  and  does  not  affect  strokes,  selected  or  not.  (Select  the 
fills  to  erase  before  using  the  Eraser  tool  in  this  mode.) 

Erase  Inside  Erases  only  the  fill  on  which  you  begin  the  Eraser  stroke.  If  you  begin  erasing  from  an  empty  point, 
nothing  is  erased.  Strokes  are  unaffected  by  the  eraser  in  this  mode. 

3  Click  the  Eraser  Shape  modifier  and  select  an  eraser  shape  and  size.  Make  sure  that  the  Faucet  modifier  is  not 
selected. 

4  Drag  on  the  Stage. 

More  Help  topics 

Adjust  anchor  points  on  paths 

Drawing  preferences 


Strokes,  fills,  and  gradients 


Create  or  edit  a  gradient  fill 

A  gradient  is  a  multicolor  fill  in  which  one  color  gradually  changes  into  another  color.  Flash  Pro  lets  you  apply  up  to  1 5 
color  transitions  to  a  gradient.  Creating  a  gradient  is  a  good  way  to  create  a  smooth  color  gradation  across  one  or  more 
objects.  You  can  save  a  gradient  as  a  swatch  to  make  it  easy  to  apply  the  gradient  to  multiple  objects.  Flash  Pro  can  create 
two  types  of  gradients: 

Linear  gradients  change  color  along  a  single  axis  (horizontal  or  vertical). 

Radial  gradients  change  color  in  an  outward  direction  starting  from  a  central  focal  point.  You  can  adjust  the  direction 
of  a  gradient,  its  colors,  the  location  of  the  focal  point,  and  many  other  properties  of  the  gradient. 

provides  additional  control  over  linear  and  radial  gradients  for  use  with  Flash  Player.  These  controls,  called  overflow 
modes,  let  you  specify  how  colors  are  applied  beyond  the  gradient. 

For  a  sample  of  gradients,  see  the  Flash  Samples  page  at  www.adobe.com/go/learn_fl_samples.  Download  and 
decompress  the  Samples  zip  file  and  navigate  to  the  Graphics\AnimationAndGradients  folder  to  access  the  sample. 

1  To  apply  a  gradient  fill  to  existing  artwork,  select  an  object  or  objects  on  the  Stage. 

2  If  the  Color  panel  is  not  visible,  select  Window  >  Color. 

3  To  select  a  color  display  mode,  select  RGB  (the  default  setting)  or  HSB  from  the  panel  menu. 

4  Select  a  gradient  type  from  the  Type  menu: 

Linear  Creates  a  gradient  that  shades  from  the  starting  point  to  the  end  point  in  a  straight  line. 
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Radial  Produces  a  gradient  that  blends  outward  in  a  circular  path  from  a  central  focal  point. 

note:  When  you  select  a  linear  or  radial  gradient,  the  Color  panel  also  includes  two  other  options  if  you  are  publishing 
for  Flash  Player  8  or  later.  First,  the  Overflow  menu  is  enabled  below  the  Type  menu.  Use  the  Overflow  menu  to  control 
the  colors  applied  past  the  limits  of  the  gradient.  Second,  the  gradient  definition  bar  appears,  with  pointers  below  the 
bar  indicating  the  colors  in  the  gradient. 

5  (Optional)  From  the  Overflow  menu,  select  an  overflow  mode  to  apply  to  the  gradient:  Extend  (the  default  mode), 
Reflect,  or  Repeat. 

6  (Optional)  To  create  an  SVG-compliant  (Scalable  Vector  Graphics)  linear  or  radial  gradient,  select  the  Linear  RGB 
check  box.  This  will  allow  the  gradient  to  look  smooth  when  scaled  to  different  sizes  after  it  is  first  applied. 

7  To  change  a  color  in  the  gradient,  select  one  of  the  color  pointers  below  the  gradient  definition  bar  (the  triangle  at 
the  top  of  the  selected  color  pointer  will  turn  black).  Then  click  in  the  color  space  pane  that  appears  above  the 
gradient  bar.  Drag  the  Brightness  slider  to  adjust  the  lightness  of  the  color. 

8  To  add  a  pointer  to  the  gradient,  click  on  or  below  the  gradient  definition  bar.  Select  a  color  for  the  new  pointer,  as 
described  in  the  previous  step. 

You  can  add  up  to  15  color  pointers,  letting  you  create  a  gradient  with  up  to  15  color  transitions. 

9  To  reposition  a  pointer  on  the  gradient,  drag  the  pointer  along  the  gradient  definition  bar.  Drag  a  pointer  down  and 
off  of  the  gradient  definition  bar  to  remove  it. 

1 0  To  save  the  gradient,  click  the  triangle  in  the  upper-right  corner  of  the  Color  panel,  and  select  Add  Swatch  from  the 
menu. 

The  gradient  is  added  to  the  Swatches  panel  for  the  current  document. 

1 1  To  transform  the  gradient,  such  as  to  make  a  vertical  gradient  instead  of  a  horizontal  one,  use  the  Gradient 
Transform  tool.  See  Transform  gradient  and  bitmap  fillsfor  more  information. 


Adjust  Stroke  and  Fill  color 

You  can  specify  the  stroke  and  fill  color  of  graphic  objects  and  shapes  using  either  the  Stroke  Color  and  Fill  Color 
controls  in  the  Tools  panel,  or  the  Stroke  Color  and  Fill  Color  controls  in  the  Property  inspector. 

The  Stroke  Color  and  Fill  Color  section  of  the  Tools  panel  contains  controls  for  activating  the  Stroke  Color  and  Fill 
Color  boxes,  which  in  turn  determine  whether  the  strokes  or  fills  of  selected  objects  are  affected  by  color  choices.  Also, 
the  Colors  section  has  controls  for  quickly  resetting  colors  to  the  default,  setting  the  stroke  and  fill  color  settings  to 
None,  and  swapping  fill  and  stroke  colors. 

In  addition  to  letting  you  select  a  stroke  and  fill  color  for  a  graphic  object  or  shape,  the  Property  inspector  provides 
controls  for  specifying  the  stroke  width  and  style. 

To  use  these  controls  to  change  the  painting  attributes  of  existing  objects,  first  select  the  objects  on  the  Stage. 

Also  see:  Live  Preview  of  Colors  . 


Adjust  stroke  and  fill  color  using  the  Tools  panel 

The  Tools  panel  Stroke  Color  and  Fill  Color  controls  set  the  painting  attributes  of  new  objects  you  create  with  the 
drawing  and  painting  tools.  To  use  these  controls  to  change  the  painting  attributes  of  existing  objects,  first  select  the 
objects  on  the  Stage. 

•  Click  the  Stroke  or  Fill  Color  control,  and  select  a  color  swatch. 

•  Click  the  System  Color  Picker  button  in  the  pop-up  window,  and  select  a  color.  You  could  also  hover  the  pointer 
over  different  colors  to  preview  the  effect  of  the  color  on  the  shape. 
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•  Type  a  color’s  hexadecimal  value  in  the  box. 

•  To  return  to  the  default  color  settings  (white  fill  and  black  stroke),  click  the  Black  And  White  button  in  the  Tools 
panel. 

•  To  remove  any  stroke  or  fill,  click  the  No  Color  button. 

Note:  The  No  Color  button  appears  only  when  you  are  creating  an  oval  or  rectangle.  You  can  create  an  object  without 
a  stroke  or  fill,  but  you  cannot  use  the  No  Color  button  with  an  existing  object.  Instead,  select  the  existing  stroke  or 
fill  and  delete  it. 

•  To  Swap  colors  between  the  fill  and  the  stroke,  click  the  Swap  Colors  button  in  the  Tools  panel. 


Flash  Professional  CC  allows  you  to  preview  Stroke  or  Fill  colors  live  when  changing  them  from  the  Color  Swatch.  For 
more  information,  see  Live  Preview  of  Colors  . 


Apply  a  solid  color  fill  using  the  Property  inspector 

1  Select  a  closed  object  or  objects  on  the  Stage. 

2  Select  Window  >  Properties. 

3  To  select  a  color,  click  the  Fill  Color  control  and  do  one  of  the  following: 

•  Select  a  color  swatch  from  the  palette. 

•  Type  a  color’s  hexadecimal  value  in  the  box. 

Select  a  stroke  color,  style,  and  weight  using  the  Property  inspector 

To  change  the  stroke  color,  style,  and  weight  for  a  selected  object,  use  the  Stroke  Color  control  in  the  Property  inspector. 
For  stroke  style,  choose  from  styles  that  are  preloaded  with  Flash  Pro,  or  create  a  custom  style.  To  select  a  solid  color 
fill,  use  the  Fill  Color  control  in  the  Property  inspector. 

1  Select  an  object  or  objects  on  the  Stage  (for  symbols,  first  double-click  to  enter  symbol -editing  mode). 

2  Select  Window  >  Properties. 

3  To  select  a  stroke  style,  click  the  Style  menu  and  select  an  option.  To  create  a  custom  style,  click  Custom  in  the 
Property  inspector,  select  options  in  the  Stroke  Style  dialog  box,  and  click  OK. 

Note:  Selecting  a  stroke  style  other  than  Solid  can  increase  file  size. 

4  To  select  a  stroke  weight,  set  the  Stroke  slider  or  enter  a  value  in  the  text  box. 

5  To  enable  stroke  hinting,  select  the  Stroke  Hinting  check  box.  Stroke  hinting  adjusts  line  and  curve  anchors  on  full 
pixels,  preventing  blurry  vertical  or  horizontal  lines. 

6  To  set  the  style  for  a  path  end,  select  a  Cap  option: 

None  Is  flush  with  the  path’s  end. 

Round  Adds  a  round  cap  that  extends  beyond  the  path  end  by  half  the  stroke  width. 

Square  Adds  a  square  cap  that  extends  beyond  the  path  by  half  the  stroke  width. 

7  (Optional)  If  you  are  drawing  lines  using  the  Pencil  or  Brush  tools  with  the  drawing  mode  set  to  Smooth,  use  the 
Smoothing  slider  to  specify  the  degree  to  which  Flash  Pro  smooths  the  lines  you  draw. 

By  default,  the  Smoothing  value  is  set  to  50,  but  you  can  specify  a  value  from  0  to  100.  The  greater  the  smoothing 
value,  the  smoother  the  resulting  line. 

Note:  When  the  drawing  mode  is  set  to  Straighten  or  Ink,  the  Smoothing  slider  is  disabled. 
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8  To  define  how  two  path  segments  meet,  select  a  Join  option.  To  change  the  corners  in  an  open  or  closed  path,  select 
a  path  and  select  another  join  option. 


9  To  avoid  beveling  a  Miter  join,  enter  a  Miter  limit. 

Line  lengths  exceeding  this  value  are  squared  instead  of  pointed.  For  example,  a  Miter  limit  of  2  for  a  3 -point  stroke 
means  that  when  the  length  of  the  point  is  twice  the  stroke  weight,  Flash  Pro  removes  the  limit  point. 


Adjust  the  strokes  of  multiple  lines  or  shapes 

To  change  the  stroke  color,  width,  and  style  of  one  or  more  lines  or  shape  outlines,  use  the  Ink  Bottle  tool.  You  can  apply 
only  solid  colors,  not  gradients  or  bitmaps,  to  lines  or  shape  outlines. 

Using  the  Ink  Bottle  tool,  rather  than  selecting  individual  lines,  makes  it  easier  to  change  the  stroke  attributes  of 
multiple  objects  at  one  time. 

1  Select  the  Ink  Bottle  tool  from  the  Tools  panel. 

2  Select  a  stroke  color. 

3  Select  a  stroke  style  and  stroke  width  from  the  Property  inspector. 

4  To  apply  the  stroke  modifications,  click  an  object  on  the  Stage. 

Copy  strokes  and  fills 

Use  the  Eyedropper  tool  to  copy  fill  and  stroke  attributes  from  one  object  and  immediately  apply  them  to  another 
object.  The  Eyedropper  tool  also  lets  you  sample  the  image  in  a  bitmap  to  use  as  a  fill. 

1  To  apply  the  attributes  of  a  stroke  or  filled  area  to  another  stroke  or  filled  area,  select  the  Eyedropper  tool  and  click 
the  stroke  or  filled  area  whose  attributes  you  want  to  apply. 

When  you  click  a  stroke,  the  tool  automatically  changes  to  the  Ink  Bottle  tool.  When  you  click  a  filled  area,  the  tool 
automatically  changes  to  the  Paint  Bucket  tool  with  the  Lock  Fill  modifier  turned  on. 

2  Click  another  stroke  or  filled  area  to  apply  the  new  attributes. 

Modifying  painted  areas 

The  Paint  Bucket  tool  fills  enclosed  areas  with  color.  This  tool  lets  you  do  the  following: 

•  Fill  empty  areas,  and  change  the  color  of  already  painted  areas. 

•  Paint  with  solid  colors,  gradients,  and  bitmap  fills. 

•  Use  the  Paint  Bucket  tool  to  fill  areas  that  are  not  entirely  enclosed. 
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•  Have  Flash  Pro  close  gaps  in  shape  outlines  as  you  use  the  Paint  Bucket  tool. 

1  Select  the  Paint  Bucket  tool  from  the  Tools  panel. 

2  Select  a  fill  color  and  style. 

3  Click  the  Gap  Size  modifier  that  appears  at  the  bottom  of  the  Tools  panel  and  select  a  gap  size  option: 

•  Don’t  Close  Gaps  to  close  gaps  manually  before  filling  the  shape.  Closing  gaps  manually  can  be  faster  for  complex 
drawings. 

•  A  Close  option  to  have  Flash  Pro  fill  a  shape  that  has  gaps. 

Note:  If  gaps  are  too  large,  you  might  have  to  close  them  manually. 

4  Click  the  shape  or  enclosed  area  to  fill. 

Transform  gradient  and  bitmap  fills 

You  can  transform  a  gradient  or  bitmap  fill  by  adjusting  the  size,  direction,  or  center  of  the  fill. 

1  Select  the  Gradient  Transform  tool  from  the  Tools  panel.  If  you  do  not  see  the  Gradient  Transform  tool  in  the 
Tools  panel,  click  and  hold  on  the  Free  Transform  tool  and  then  select  the  Gradient  Transform  tool  from  the  menu 
that  appears. 

2  Click  an  area  filled  with  a  gradient  or  bitmap  fill.  A  bounding  box  with  editing  handles  appears.  When  the  pointer 
is  over  any  one  of  these  handles,  it  changes  to  indicate  the  function  of  the  handle. 

Center  point  The  rollover  icon  for  the  center  point  handle  is  a  four-way  arrow. 

Focal  point  The  focal  point  handle  appears  only  when  you  select  a  radial  gradient.  The  rollover  icon  for  the  focal 
point  handle  is  an  inverted  triangle. 

Size  The  rollover  icon  for  the  size  handle  (middle  handle  icon  on  the  edge  of  the  bounding  box)  is  a  circle  with  an 
arrow  inside  of  it. 

Rotation  Adjusts  the  rotation  of  the  gradient.  The  rollover  icon  for  the  rotation  handle  (the  bottom  handle  icon  on 
the  edge  of  the  bounding  box)  is  four  arrows  in  the  shape  of  a  circle. 

Width  Adjusts  the  width  of  the  gradient.  The  rollover  icon  for  the  width  handle  (the  square  handle)  is  a  double- 
ended  arrow. 

Press  Shift  to  constrain  the  direction  of  a  linear  gradient  fill  to  multiples  of  45°. 


A  Center  point  B  Width  C  Rotation  D  Size  E  Focal  point. 

3  Reshape  the  gradient  or  fill  in  any  of  the  following  ways: 

•  To  reposition  the  center  point  of  the  gradient  or  bitmap  fill,  drag  the  center  point. 


Last  updated  6/1 2/2015 


Multimedia  and  Video 


343 


•  To  change  the  width  of  the  gradient  or  bitmap  fill,  drag  the  square  handle  on  the  side  of  the  bounding  box.  (This 
option  resizes  only  the  fill,  not  the  object  containing  the  fill.) 


- Q 


•  To  change  the  height  of  the  gradient  or  bitmap  fill,  drag  the  square  handle  at  the  bottom  of  the  bounding  box. 

— O - O 


□ - 1J1 


•  To  rotate  the  gradient  or  bitmap  fill,  drag  the  circular  rotation  handle  at  the  corner.  You  can  also  drag  the  lowest 
handle  on  the  bounding  circle  of  a  circular  gradient  or  fill. 


•  To  scale  a  linear  gradient  or  a  fill,  drag  the  square  handle  at  the  center  of  the  bounding  box. 
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•  To  change  the  focal  point  of  a  circular  gradient,  drag  the  middle  circular  handle  on  the  bounding  circle. 


•  To  skew  or  slant  a  fill  within  a  shape,  drag  one  of  the  circular  handles  on  the  top  or  right  side  of  the  bounding  box. 


•  To  tile  a  bitmap  inside  a  shape,  scale  the  fill. 


Note:  To  see  all  the  handles  when  working  with  large  fills  or  fills  close  to  the  edge  of  the  Stage,  select  View  >  Pasteboard. 


Lock  a  gradient  or  bitmap  to  fill  the  Stage 

You  can  lock  a  gradient  or  bitmap  fill  to  make  it  appear  that  the  fill  extends  over  the  entire  Stage  and  that  the  objects 
painted  with  the  fill  are  masks  revealing  the  underlying  gradient  or  bitmap. 

When  you  select  the  Lock  Fill  modifier  with  the  Brush  or  Paint  Bucket  tool  and  paint  with  the  tool,  the  bitmap  or 
gradient  fill  extends  across  the  objects  you  paint  on  the  Stage. 
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Use  a  locked  gradient  fill 

1  Select  the  Brush  or  Paint  Bucket  tool  and  select  a  gradient  or  bitmap  as  a  fill. 

2  Select  Linear  or  Radial  from  the  Type  menu  in  the  Color  panel. 

3  Click  the  Lock  Fill  modifier  j  • 

4  First  paint  the  areas  where  you  want  to  place  the  center  of  the  fill,  and  then  move  to  other  areas. 

Use  a  locked  bitmap  fill 

1  Select  the  bitmap  to  use. 

2  Select  Bitmap  from  the  Type  menu  in  the  Color  panel. 

3  Select  the  Brush  or  Paint  Bucket  tool. 

4  Click  the  Lock  Fill  modifier  ij . 

5  First  paint  the  areas  where  you  want  to  place  the  center  of  the  fill,  and  then  move  to  other  areas. 

More  Help  topics 

Break  apart  groups  and  objects 


Working  with  Fireworks  files  inFlash 


About  imported  Fireworks  PNG  files 

You  can  import  Adobe*  Fireworks  PNG  files  into  Flash  Professional  as  flattened  images  or  as  editable  objects.  When 
you  import  a  PNG  file  as  a  flattened  image,  the  entire  file  (including  any  vector  artwork)  is  rasterized,  or  converted  to 
a  bitmap  image.  When  you  import  a  PNG  file  as  editable  objects,  vector  artwork  in  the  file  is  preserved  in  vector  format. 
Choose  to  preserve  placed  bitmaps,  text,  filters  (called  effects  in  Fireworks),  and  guides  in  the  PNG  file  when  you 
import  it  as  editable  objects. 


About  imported  filters  and  blends  from  Fireworks  PNG  files 

When  you  import  Fireworks*  PNG  files,  you  can  retain  many  of  the  filters  and  blending  modes  applied  to  objects  in 
Fireworks  and  continue  to  modify  those  filters  and  blends  using  Flash  Professional. 

Flash  Professional  only  supports  modifiable  filters  and  blends  for  objects  imported  as  text  and  movie  clips.  If  an  effect 
or  blend  mode  is  not  supported,  Flash  Professional  rasterizes  or  ignores  it  when  it  is  imported.  To  import  a  Fireworks 
PNG  file  that  contains  filters  or  blends  that  Flash  Professional  does  not  support,  rasterize  the  file  during  the  import 
process.  After  this  operation,  you  cannot  edit  the  file. 

Fireworks  effects  supported  in  Flash 
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Flash  Professional  imports  the  following  Fireworks  effects  as  modifiable  filters: 


Fireworks  effect 

Flash  Professional  filter 

Drop  shadow 

Drop  shadow 

Solid  shadow 

Drop  shadow 

Inner  shadow 

Drop  shadow  (with  Inner  shadow  automatically  selected) 

Blur 

Blur  (where  blurX  =  blurY=1) 

Blur  more 

Blur  (where  blurX  =  blurY=1) 

Gaussian  blur 

Blur 

Adjust  color  brightness 

Adjust  color 

Adjust  color  contrast 

Adjust  color 

Fireworks  blend  modes  supported  in  Flash 

Flash  Professional  imports  the  following  Fireworks  blend  modes  as  modifiable  blends: 


Fireworks  blending  mode 

Flash  Professional  blending  mode 

Normal 

Normal 

Darken 

Darken 

Multiply 

Multiply 

Lighten 

Lighten 

Screen 

Screen 

Overlay 

Overlay 

Hard  light 

Hard  light 

Additive 

Add 

Difference 

Difference 

Invert 

Invert 

Alpha 

Alpha 

Erase 

Erase 

Flash  Professional  ignores  all  other  blending  modes  imported  from  Fireworks.  The  blending  modes  that  Flash 
Professional  does  not  support  are  Average,  Negation,  Exclusion,  Soft  Light,  Subtractive,  Fuzzy  Light,  Color  Dodge,  and 
Color  Burn. 


Importing  text  from  Fireworks  into  Flash 

When  you  import  text  from  Fireworks  into  Flash  Professional  8  or  later,  the  text  is  imported  with  the  default  anti-alias 
setting  of  the  current  document. 

If  you  import  the  PNG  file  as  a  flattened  image,  you  can  start  Fireworks  from  Flash  Professional  and  edit  the  original 
PNG  file  (with  vector  data). 

When  you  import  multiple  PNG  files  in  a  batch,  you  select  import  settings  one  time.  Flash  Professional  uses  the  same 
settings  for  all  files  in  the  batch. 
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Note:  To  edit  bitmap  images  in  Flash  Professional,  convert  the  bitmap  images  to  vector  artwork  or  break  apart  the  bitmap 
images. 

1  Select  File  >  Import  >  Import  To  Stage  or  Import  To  Library. 

2  Select  PNG  Image  from  the  Files  Of  Type  (Windows)  or  Show  (Macintosh)  pop-up  menu. 

3  Navigate  to  a  Fireworks  PNG  image  and  select  it. 

4  Click  Open. 

5  Select  one  of  the  following  for  Location: 

Import  All  Page(s)  into  New  Scene(s)  Imports  all  pages  in  the  PNG  file  as  scenes  within  a  movie  clip,  with  all  of  their 
frames  and  layers  intact  inside  the  movie  clip  symbol.  A  new  layer  is  created  that  uses  the  name  of  the  Fireworks 
PNG  file  name.  The  first  frame  (page)  of  the  PNG  document  is  placed  on  a  keyframe  that  starts  at  the  last  keyframe; 
all  other  frames  (pages)  follow. 

Import  One  Page  into  Current  Layer  Imports  the  selected  page  (identified  in  the  Page  Name  pop-up  menu)  of  the 
PNG  file  into  the  current  Flash  Professional  document  in  a  single  new  layer  as  a  movie  clip.  The  contents  of  the 
selected  page  are  imported  as  a  movie  clip,  with  all  of  their  original  layer  and  frame  structure  intact.  If  the  page 
movie  clip  has  frames  inside  it,  each  frame  is  a  movie  clip  in  itself. 

Page  Name  Specifies  the  Fireworks  page  you  want  to  import  into  the  current  scene. 

6  Select  one  of  the  following  for  File  Structure: 

Import  As  Movie  Clip  And  Retain  Layers  Imports  the  PNG  file  as  a  movie  clip,  with  all  of  its  frames  and  layers  intact 
inside  the  movie  clip  symbol. 

Import  Page(s)  as  New  Layer(s)  Imports  the  PNG  file  into  the  current  Flash  Professional  document  in  a  single  new 
layer  at  the  top  of  the  stacking  order.  The  Fireworks  layers  are  flattened  into  the  single  layer.  The  Fireworks  frames 
are  contained  in  the  new  layer. 

7  For  Objects,  select  one  of  the  following: 

Rasterize  If  Necessary  To  Maintain  Appearance  Preserves  Fireworks  fills,  strokes,  and  effects  in  Flash  Professional. 

Keep  All  Paths  Editable  Keeps  all  objects  as  editable  vector  paths.  Some  Fireworks  fills,  strokes,  and  effects  are  lost 
on  import. 

8  For  Text,  select  one  of  the  following: 

Rasterize  If  Necessary  To  Maintain  Appearance  Preserves  Fireworks  fills,  strokes,  and  effects  in  text  imported  into 
Flash  Professional. 

Keep  All  Paths  Editable  Keeps  all  text  editable.  Some  Fireworks  fills,  strokes,  and  effects  are  lost  on  import. 

9  To  flatten  the  PNG  file  into  a  single  bitmap  image,  select  Import  As  A  Single  Flattened  Bitmap.  When  this  option  is 
selected,  all  other  options  are  dimmed. 

10  Click  OK. 

More  Help  topics 
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Using  Flash  Professional  with  Adobe  Scout 

Flash  Professional  CC  can  now  leverage  the  advanced  telemetry  features  provided  by  Adobe  Scout.  This  feature  allows 
you  to  retrieve  and  use  the  intuitively  collated  profiling  data  provided  by  Scout. 

Scout  is  an  analysis  and  profiling  tool  for  Flash  runtime  that  allows  you  to  analyze  performance  of  applications  designed 
for  mobile,  desktop,  or  web.  Scout  is  designed  to  provide  accurate  data  aggregated  from  several  system  resources.  The 
data  provided  is  intuitive  enough  to  easily  measure,  profile,  and  analyze  performance  of  applications. 

Scout  provides  basic  telemetry  data  for  any  SWFs  running  on  a  computer.  To  enable  and  view  advanced  data,  Flash 
Professional  provides  additional  options  on  the  Publish  Settings  dialog. 

To  integrate  Flash  Professional  CC  with  Scout,  download  and  install  Scout  on  the  same  computer  that  has  Flash 
Professional  CC  installed.  You  could  also  install  Adobe  Scout  on  a  different  system,  and  use  the  Remote  Logging 
functionality,  to  retrieve  telemetry  data  for  SWFs  running  remotely. 

Note:  Ensure  that  the  Wi-Fi  connection  between  the  system  and  the  device  running  the  application  is  non-faulty  and 
stable. 

To  download  and  install  Adobe  Scout,  click  here. 


Enabling  Detailed  Telemetry  data 

To  view  and  analyze  your  performance  of  applications  with  detailed  telemetry  data,  do  the  following: 

1  In  Flash  Professional  CC,  select  File  >  Publish  Settings  to  bring  up  the  Publish  Settings  dialog. 

2  On  the  Publish  Settings  dialog,  drill-down  the  Advanced  options  to  select  the  Enable  Detailed  Telemetry  option. 

3  You  can  choose  to  provide  a  password  to  secure  access  to  the  detailed  telemetry  data  for  your  application.  If  you 
choose  to  enable  password  protection,  you  can  access  detailed  telemetry  data  for  your  application,  only  after 
providing  the  password  in  Scout. 

4  Click  OK. 

Enabling  Detailed  Telemetry  Data  for  Adobe  AIR  publishing  for  iOS  devices 

To  enable  Detailed  Telemetry  Data  for  Adobe  AIR  applications  written  for  iOS  devices,  do  the  following. 

1  Ensure  that  you  have  the  Enable  Detailed  Telemetry  option  selected  on  the  Publish  Settings  dialog.  For  more 
information,  see  Enabling  Detailed  Telemetry  data. 

2  On  the  Properties  panel,  click  the  ^button,  beside  the  Target  drop-down  to  bring  up  the  AIR  for  iOS  Settings 
dialog. 

3  On  the  AIR  for  iOS  Settings  dialog,  switch  to  the  Deployment  tab  and  select  the  Enable  Sampler  option  in  the 
Telemetry  Options  section. 

4  Click  OK. 

Enabling  Detailed  Telemetry  Data  for  Adobe  AIR  publishing  for  Android 
devices 

To  enable  Detailed  Telemetry  Data  for  Adobe  AIR  applications  written  for  Android  devices,  do  the  following. 

1  Ensure  that  you  have  the  Enable  Detailed  Telemetry  option  selected  on  the  Publish  Settings  dialog.  For  more 
information,  see  Enabling  Detailed  Telemetry  data. 
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2  On  the  Properties  panel,  click  the  ^button,  beside  the  Target  drop-down  to  bring  up  the  AIR  for  Android  Settings 
dialog. 

3  On  the  AIR  for  iOS  Settings  dialog,  switch  to  the  Deployment  tab  and  select  the  Enable  Sampler  option  in  the 
Telemetry  Options  section. 

4  On  the  Permissions  tab,  select  the  Internet  option. 

5  Click  OK. 


Working  with  Text  Layout  Framework  (TLF)  text 

note:  (Flash  Professional  CC  only)  The  Text  Layout  Framework  is  deprecated  and  the  functionality  will  be  unavailable  with 
Flash  Professional  CC.  If  a  FLA  file  containing  TLF  Text,  previously  saved  with  an  older  version  of  Flash  Professional,  is 
opened  with  Flash  Pro  CC,  then  TLF  is  converted  to  Classic  Text.  For  more  information,  see  this  article  .Beginning  in  Flash 
Professional  CS5,  you  can  add  text  to  a  FLA  file  using  a  new  text  engine  called  the  Text  Layout  Framework  (TLF).  TLF 
supports  a  wider  array  of  rich  text  layout  features  and  fine  control  of  text  attributes.  TLF  text  allows  greater  control  of 
text  than  the  previous  text  engine,  now  called  Classic  text. 

TLF  text  provides  the  following  enhancements  over  Classic  text: 

•  Print-quality  typography. 

•  Additional  character  styles,  including  leading,  ligatures,  highlight  color,  underline,  strikethrough,  case,  digit  case, 
and  more. 

•  Additional  paragraph  styles,  including  multi-column  support  with  gutter  width,  last  line  justification  options, 
margins,  indents,  paragraph  spacing,  and  container  padding  values. 

•  Control  of  additional  Asian  text  attributes,  including  Tate  Chu  Yoko,  Mojikumi,  Kinsoku  Shori  Type,  and  Leading 
model. 

•  You  can  apply  attributes  such  as  3D  Rotation,  Color  Effects,  and  Blend  Modes  to  TLF  text  without  placing  it  in  a 
movie  clip  symbol. 

•  Text  can  flow  across  multiple  text  containers.  These  containers  are  called  threaded  or  linked  text  containers. 

•  The  ability  to  create  right-to-left  text  for  Arabic  and  Hebrew  scripts. 

•  Support  for  bi-directional  text,  where  right-to-left  text  can  contain  elements  of  left-to-right  text.  This  is  important 
for  embedding  English  words  or  Arabic  numerals  within  Arabic/Hebrew  text,  for  example. 


About  TLF  text 


Before  you  begin 

When  creating  text,  it  is  important  to  understand  the  following  fundamentals  of  working  with  text  in  Flash: 

•  TLF  text  is  the  default  text  type  in  Flash  Professional  CS5.  In  Flash  Pro  CS5.5,  the  default  is  . 

•  There  are  2  types  of  TLF  text  containers,  point  text  and  area  text.  A  point  text  container’s  size  depends  solely  on  the 
text  it  contains.  An  area  text  container’s  size  is  independent  of  the  amount  of  text  it  contains.  Point  text  is  the  default. 
To  change  a  point  text  container  to  area  text,  resize  it  with  the  selection  tool  or  double-click  the  small  circle  at  the 
bottom-right  corner  of  the  container  bounding  box. 
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•  TLF  text  requires  that  ActionScript  3.0  and  Flash  Player  10  or  higher  are  specified  in  the  publish  settings  of  your 
FLA  file.  For  more  information  see  Publish  settings  . 

•  When  using  TLF  text,  the  Property  inspector  has  three  display  modes,  depending  on  the  current  type  of  text 
selection: 

•  Text  tool  mode;  when  the  Text  tool  has  been  selected  in  the  Tools  panel  and  no  text  is  selected  in  the  Flash 
document. 

•  Text  object  mode;  when  an  entire  text  block  is  selected  on  the  Stage. 

•  Text  edit  mode;  when  a  text  block  is  being  edited. 

•  You  can  create  three  types  of  text  block  with  TLF  text,  depending  on  how  you  want  the  text  to  behave  at  runtime: 

•  Read  Only:  when  published  as  SWF  file,  the  text  cannot  be  selected  or  edited. 

•  Selectable:  when  published  as  SWF  file,  the  text  is  selectable  and  can  be  copied  to  the  clipboard,  but  is  not 
editable.  This  setting  is  the  default  for  TLF  text. 

•  Editable:  when  published  as  SWF  file,  text  is  selectable  and  can  be  edited. 

•  Unlike  Classic  text,  TLF  text  does  not  support  PostScript  Type  1  fonts.  TLF  supports  only  OpenType  and  TrueType 
fonts.  When  working  with  TLF  text,  PostScript  fonts  are  not  available  in  the  Text  >  Font  menu.  Note  that  if  you  apply 
a  PostScript  Type  1  font  to  a  TLF  text  object  using  one  of  the  other  font  menus,  Flash  substitutes  the  _sans  device 
font  instead.  When  working  with  Classic  text,  all  installed  PostScript  fonts  are  available  in  the  Font  menus. 

•  TLF  text  requires  a  specific  ActionScript  library  to  be  available  to  Flash  Player  at  runtime.  If  this  library  is  not  already 
present  on  the  playback  computer,  Flash  Player  automatically  downloads  it.  For  more  information  about  the  library, 
see  Publishing  SWF  files  with  TLF  text. 

•  TLF  text  cannot  be  used  as  a  layer  mask  at  author- time.  To  create  a  mask  with  text,  create  the  mask  with  ActionScript 
3.0  or  use  Classic  text  for  the  mask.  See  Masking  display  objects  in  the  ActionScript  3.0  Developer’s  Guide. 

•  Anti-aliasing  settings  for  TLF  text  are  not  reflected  on  the  Stage  until  the  Flash  file  is  exported  as  a  SWF  file.  To  see 
the  effect  of  anti-aliasing  settings,  use  the  Control  >  Test  command  or  the  File  >  Publish  command. 

•  To  use  Cascading  Style  Sheets  (CSS),  use  ActionScript  to  apply  a  stylesheet.  For  more  information,  see  Applying 
cascading  style  sheets  in  the  ActionScript  3.0  Developer’s  Guide. 

•  TLF  has  extensive  ActionScript  APIs  for  creating  and  manipulating  text  flows  at  runtime.  These  APIs  enable 
additional  features  like  text  decoration,  in-line  images,  the  ability  to  read  HTML  and  TLFMarkup  languages,  and 
others  useful  for  creating  dynamic  content. 

Tutorials  and  videos 

•  Video:  TLF  in  Flash  Professional  CS5.5  (4:33,  Adobe  TV) 

•  Video:  CSS  stylsheets  with  TLF  text  (8:12,  Adobe  TV) 

Converting  between  Classic  and  TLF  text 

When  you  convert  a  text  object  from  one  text  engine  to  the  other,  Flash  preserves  most  of  the  formatting.  However, 
because  the  text  engines  are  different  in  their  capabilities,  some  formatting  may  be  slightly  different,  including  letter 
spacing  and  line  spacing.  Inspect  the  text  carefully  and  reapply  any  settings  that  have  been  changed  or  lost. 

If  you  need  to  convert  text  from  Classic  to  TLF,  try  to  do  so  only  once  rather  than  converting  back  and  forth  more  than 
once.  The  same  is  true  for  converting  TLF  text  to  Classic  text. 

When  converting  between  TLF  and  Classic  text,  Flash  converts  text  types  as  follows: 

•  TLF  Read  Only>  Classic  Static 
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•  TLF  Selectable  >  Classic  Static 

•  TLF  Editable  >  Classic  Input 

Publishing  SWF  files  with  TLF  text 

To  function  properly,  all  TLF  text  objects  rely  on  a  specific  TLF  ActionScript  library,  also  called  a  Runtime  Shared 
Library  or  RSL.  Because  the  library  is  separate  from  your  published  SWF  file,  the  SWF  file  size  is  minimized.  During 
authoring,  Flash  Professional  provides  the  library.  At  runtime,  after  you  have  uploaded  your  published  SWF  file  to  a 
web  server,  the  library  is  provided  in  the  following  ways: 

1  The  local  computer.  Flash  Player  looks  for  a  copy  of  the  library  on  the  local  machine  it  is  playing  on.  If  the  SWF  file 
is  not  the  first  to  use  TLF  text  on  that  computer,  the  computer  already  has  a  local  copy  of  the  library  in  its  Flash 
Player  cache.  Once  TLF  text  has  been  in  use  on  the  Internet  for  some  time,  most  end-user  computers  will  have  a 
local  copy  of  the  library  file.  However,  it  is  possible  for  Flash  Player  end-users  to  disable  this  feature  on  their 
computer. 

2  On  Adobe.com.  If  no  local  copy  is  available,  Flash  Player  will  query  Adobe’s  servers  for  a  copy  of  the  library.  The 
library  only  has  to  download  one  time  per  computer.  After  that,  all  subsequent  SWF  files  that  play  on  the  same 
computer  will  use  the  previously  downloaded  copy  of  the  library. 

3  On  your  web  server.  If  Adobe’s  servers  are  not  available  for  some  reason,  Flash  Player  looks  for  the  library  in  the  web 
server  directory  where  the  SWF  file  resides.  To  provide  this  extra  level  of  back-up,  manually  upload  the  library  file 
to  the  web  server  along  with  your  SWF  file.  You  can  also  specify  an  alternate  path  for  the  library  on  your  server  to 
allow  multiple  SWF  files  in  different  locations  to  point  to  a  single  instance  of  the  library.  More  information  about 
the  assets  file  is  provided  below. 

When  you  publish  a  SWF  file  that  uses  TLF  text,  Flash  Professional  creates  an  additional  file  named 
textLayout_X.X.X.XXX.swz  (where  the  X’s  are  replaced  by  the  version  number)  next  to  your  SWF  file.  You  can 
optionally  choose  to  upload  this  file  to  your  web  server  along  with  your  SWF  file.  This  allows  for  the  rare  case  where 
Adobe’s  servers  are  not  available  for  some  reason. 

You  can  also  avoid  the  need  for  Flash  Player  to  do  a  separate  download  of  the  TLF  assets  by  compiling  the  assets  within 
your  SWF  file.  You  can  do  this  in  the  ActionScript  settings  of  your  FLA  file.  However,  remember  that  these  assets  add 
significantly  to  the  size  of  your  published  SWF  file  and  should  only  be  included  when  download  performance  is  not  a 
conern.  This  feature  can  also  be  useful  when  Adobe  servers  are  not  available,  such  as  when  deploying  SWF  files  on 
closed  or  private  networks  which  may  restirct  access  to  outside  URLs. 

To  compile  the  TLF  ActionScript  assets  in  published  SWF  files: 

1  Choose  File  >  Publish  Settings. 

2  Click  the  Flash  Tab. 

3  Click  the  Settings  button  next  to  the  Script  menu. 

4  Click  the  Library  Path  tab. 

5  Select  Merged  Into  Code  from  the  Default  Linkage  menu. 

The  following  are  recommendations  for  handling  the  TLF  library  for  different  deployment  scenarios 

•  Web-based  SWF  file:  use  the  default  behavior  of  allowing  Flash  Player  to  download  the  RSL  if  necessary. 

•  AIR-based  SWF  file:  Compile  the  RSL  into  the  SWF  file.  This  way  text  functionality  of  the  AIR  application  will  not 
be  compromised  while  offline. 

•  iPhone-based  SWF:  It  is  not  recommended  that  you  use  TLF  on  the  iPhone  for  performance  reasons.  If  you  do, 
compile  the  TLF  code  into  the  SWF  because  the  iPhone  cannot  load  RSLs. 
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Note:  For  more  information  about  how  the  Flash  Player  cache  works,  see  Improving  Flex  application  performance  using 
the  Flash  Player  cache.  The  article  focuses  on  Flash  Builder,  but  all  of  the  information  about  the  Flash  Player  cache  applies 
to  Flash  Professional  as  well. 

When  the  TLF  ActionScript  assets  are  not  embedded  or  available  on  the  local  playback  computer,  there  can  be  a  slight 
delay  in  SWF  playback  while  Flash  Player  downloads  the  assets.  You  can  choose  the  type  of  preloader  SWF  that  Flash 
Player  displays  while  the  assets  are  downloaded.  You  choose  the  preloader  by  setting  the  Preloader  Method  in  the 
ActionScript  3.0  settings. 

To  set  the  Preloader  Method: 

1  Choose  File  >  Publish  Settings. 

2  In  the  Flash  tab,  click  the  ActionScript  3.0  Settings  button. 

3  In  the  Advanced  ActionScript  3.0  Settings  dialog  box,  select  a  method  from  the  Preloader  Method  menu.  The 
available  methods  are: 

•  Preloader  SWF:  this  is  the  default.  Flash  embeds  a  small  preloader  SWF  file  inside  your  published  SWF  file.  This 
preloader  displays  a  progress  bar  while  the  assets  load. 

•  Custom  Preloader  Loop:  use  this  setting  is  you  want  to  use  a  preloader  SWF  of  your  own. 

The  Preloader  Method  setting  is  only  available  if  the  Default  Linkage  is  set  to  Runtime  Shared  Library  (RSL). 

Tutorials  and  Videos 

•  Tutorial:  Using  a  Custom  Preloader  Loop  With  TLF  Text  -  Jeff  Kamerer,  Adobe 

•  TechNote:  Loading  child  SWFs  with  TLF  content  generates  reference  errors 

•  Cookbook:  How  Do  I  Correct  This  Runtime  Library  Error? 

Reducing  SWF  file  size  with  TLF  text  (CS5.5  only) 

Most  TLF  text  requires  that  a  specific  ActionScript  library  be  compiled  into  your  SWF  file.  This  library  adds  about  20k 
to  the  file  size. 

If  you  need  to  keep  the  file  size  as  small  as  possible,  you  can  prevent  the  ActionScript  library  from  being  included  by 
limiting  your  use  of  TLF  text  in  the  following  ways: 

•  Use  only  Selectable  or  Read  Only  TLF  text  types. 

•  Do  not  give  any  TLF  text  instances  an  instance  name  in  the  Properties  panel.  This  means  that  the  text  cannot  be 
manipluated  with  ActionScript. 

Even  with  these  limitations,  you  can  still  take  advantage  of  the  text  layout  capabilities  of  TLF  text. 


Working  with  character  styles 

Character  styles  are  attributes  that  apply  to  a  single  character  or  a  set  of  characters,  rather  than  to  whole  paragraphs  or 
text  containers.  To  set  character  styles,  you  work  with  the  Character  and  Advanced  Character  sections  of  the  Text 
Property  inspector. 

The  Character  section  of  the  Property  inspector  includes  the  following  text  properties: 

Family  The  name  of  the  font.  (Note  TLF  text  only  supports  OpenType  and  TrueType  fonts.) 

Style  Regular,  Bold,  or  Italic.  Faux  italic  and  faux  bold  styles  are  not  available  to  TLF  text  objects.  Some  fonts  may  also 
include  additional  styles,  such  as  Black,  Boldltalic,  etc. 

Size  The  size  of  the  characters  in  pixels. 
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Leading  The  vertical  space  between  lines  of  text.  By  default,  Leading  is  expressed  as  a  percentage  but  can  also  be 
expressed  in  points. 

Color  The  color  of  the  text. 

Tracking  The  amount  of  space  between  the  selected  characters. 

Highlight  The  highlight  color. 

Kerning  Kerning:  Adds  or  subtracts  space  between  specific  pairs  of  characters.  TLF  text  automatically  kerns  characters 
using  the  kerning  information  built  in  to  most  fonts. 

When  Asian  text  options  are  disabled,  the  Auto-kerning  check  box  appears.  When  Auto-kerning  is  on,  kerning 
information  in  the  font  is  used.  When  Auto-kerning  is  off,  kerning  information  in  the  font  is  ignored  and  no  kerning 
is  applied. 

When  Asian  text  options  are  enabled,  Kerning  can  have  these  values: 

•  Auto:  Uses  the  kerning  information  built  in  to  the  font  for  Latin  characters.  For  Asian  characters,  applies  kerning 
only  to  those  characters  that  have  kerning  information  built  in  to  them.  Asian  characters  which  do  not  have  kerning 
information  are  Kanji,  Hiragana,  and  Katakana. 

•  On:  Always  turns  on  kerning. 

•  Off:  Always  turns  off  kerning. 

Anti-alias  There  are  three  anti-aliasing  modes  to  choose  from 

•  Use  Device  Fonts:  Specifies  that  the  SWF  file  use  the  fonts  installed  on  the  local  computer  to  display  the  fonts. 
Typically,  device  fonts  are  legible  at  most  font  sizes.  This  option  doesn’t  increase  the  size  of  the  SWF  file.  However, 
it  forces  you  to  rely  on  the  fonts  installed  on  the  user’s  computer  for  font  display.  When  using  device  fonts,  choose 
only  commonly  installed  font  families. 

•  Readability:  Allows  for  improved  legibility  of  fonts,  particularly  at  small  sizes.  To  use  this  option  for  a  given  text 
block,  embed  the  font  used  by  the  text  object.  For  instructions,  see  Embed  fonts  for  consistent  text.  (Do  not  use  this 
option  if  you  intend  to  animate  text;  instead,  use  the  Animation  mode.) 

•  Animation:  Creates  a  smoother  animation  by  ignoring  alignment  and  kerning  information.  To  use  this  option  for  a 
given  text  block,  embed  the  font  used  by  the  text  block.  For  instructions,  see  Embed  fonts  for  consistent  text.  For 
legibility,  use  10-point  or  larger  type  when  specifying  this  option. 

Rotation  Allows  you  to  rotate  individual  characters.  Specifying  rotation  for  fonts  that  do  not  contain  vertical  layout 
information  can  give  undesirable  results. 

Rotation  can  have  the  following  values: 

•  0°  -  Forces  all  characters  to  have  no  rotation. 

•  270°  -  The  primary  use  for  270-°  rotation  is  Roman  text  with  Vertical  orientation.  If  used  on  other  types  of  text,  such 
as  Vietnamese  and  Thai,  this  setting  can  give  undesirable  results 

•  Auto  -  Specifies  a  90  degree  counter-clockwise  rotation  for  full  width  and  wide  characters  only,  as  determined  by 
the  Unicode  properties  of  the  character.  This  value  is  typically  used  with  Asian  text  to  rotate  only  those  characters 
that  require  rotation.  This  rotation  is  applied  only  in  vertical  text  to  return  full  width  and  wide  characters  to  a 
vertical  orientation  without  affecting  other  characters. 

Underline  Places  a  horizontal  line  beneath  the  characters. 

Strikethrough  Places  a  horizontal  line  through  the  center  of  the  characters. 

Superscript  Moves  the  characters  slightly  above  the  normal  line  of  type  and  reduces  the  character  size.  Superscript  can 
also  be  applied  using  the  Baseline  Shift  menu  in  the  Advanced  Character  section  of  the  TLF  Text  Property  inspector. 
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Subscript  Moves  the  characters  slightly  below  the  normal  line  of  type  and  reduces  the  character  size.  Subscript  can  also 
be  applied  using  the  Baseline  Shift  menu  in  the  Advanced  Character  section  of  the  TLF  Text  Property  inspector. 

The  Advanced  Character  section  contains  the  following  properties: 

Link  Use  this  field  to  create  a  text  hyperlink.  Enter  the  URL  to  load  when  the  characters  are  clicked  in  the  published 
SWF  file  at  runtime. 

Target  Used  with  the  link  property  to  specify  the  window  the  URL  loads  into.  Target  can  have  these  values: 

•  _self  -  specifies  the  current  frame  in  the  current  window. 

•  _blank  -  specifies  a  new  window. 

•  _parent  -  specifies  the  parent  of  the  current  frame. 

•  _top  -  specifies  the  top-level  frame  in  the  current  window. 

•  Custom  -  You  can  enter  any  custom  string  value  you  want  into  the  Target  field.  You  would  do  this  in  cases  where 

you  know  the  custom  name  of  a  browser  window  or  frame  that  will  already  be  open  when  your  S  Wf  file  is  playing. 

Case  Allows  you  to  specify  how  capital  and  lower-case  characters  are  used.  Case  can  have  these  values: 

•  Default:  Uses  each  character’s  default  typographic  case. 

•  Uppercase:  Specifies  that  all  characters  use  uppercase  glyphs. 

•  Lowercase:  Specifies  that  all  characters  use  lowercase  glyphs. 

•  Caps  to  Small  Caps:  Specifies  that  all  capitalized  characters  use  small  uppercase  glyphs.  This  option  requires  that  the 
selected  font  contains  small  caps  glyphs.  Adobe  Pro  fonts  typically  have  these  glyphs  defined. 

•  Lowercase  to  Small  Caps:  Specifies  that  all  lowercase  characters  use  small  uppercase  glyphs.  This  option  requires 
that  the  selected  font  contains  small  caps  glyphs.  Adobe  Pro  fonts  typically  have  these  glyphs  defined. 

Hebrew  and  Perso- Arabic  scripts  such  as  Arabic  do  not  distinguish  between  upper  and  lower  case  and  are  not  affected 
by  this  setting. 

Digit  Case  Lets  you  specify  which  numeral  style  to  apply  when  working  with  OpenType  fonts  that  offer  both  lining  and 
old  style  numerical  figures.  Digit  Case  can  have  these  values: 

•  Default:  Specifies  default  digit  case.  The  results  are  font-dependent;  characters  use  the  settings  specified  by  the  font 
designer  without  any  features  applied. 

•  Lining:  Lining  (or  “aligning”)  figures  are  all-cap  height  and  typically  monospaced  in  text  faces  so  that  they  line  up 
vertically  on  charts. 

•  Old  Style:  old  style  figures  have  what  is  considered  to  be  a  traditional,  classic  look.  They  are  only  available  for  certain 
typefaces,  sometimes  as  the  regular  numerals  in  a  font,  but  more  often  within  a  supplementary  or  expert  font.  The 
figures  are  proportionately  spaced,  eliminating  the  white  spaces  that  result  from  monospaced  lining  figures, 
especially  around  the  numeral  one.  Old  style  figures  are  most  often  used  within  text.  Unlike  lining  figures,  they 
blend  in  without  disturbing  the  visual  line  of  the  body  copy.  They  also  work  well  in  headlines  since  they're  not  as 
intrusive  as  lining  figures.  Many  typographic  designers  prefer  them  for  most  uses  except  charts  and  tables. 

Digit  Width  Lets  you  specify  whether  to  use  proportional  or  tabular  numerals  when  working  with  OpenType  fonts  that 
offer  both  lining  and  old  style  numerical  figures.  Digit  Width  can  have  these  values: 

•  Default:  Specifies  default  digit  width.  Results  are  font-dependent;  characters  use  the  settings  specified  by  the  font 
designer  without  any  features  applied. 
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•  Proportional:  Specifies  proportional  figures.  Display  typefaces  usually  contain  proportional  figures.  The  total 
character  widths  of  these  figures  are  based  on  the  width  of  the  numeral  itself  plus  a  small  amount  of  white  space 
around  it.  For  example,  an  8  takes  up  more  width  than  a  1.  Proportional  figures  can  be  either  lining  or  old  style. 
Proportional  figures  don't  align  vertically  and  are  unsuitable  for  use  in  tables,  charts,  or  other  vertical  columns. 

•  Tabular:  Specifies  tabular  figures.  Tabular  numerals  are  numeric  characters  that  each  have  the  same  total  character 
width.  The  character  width  is  the  width  of  the  numeral  itself  plus  the  white  space  on  both  sides.  Tabular  spacing 
(also  called  monospacing)  allows  numerals  to  align  vertically  in  tables,  financial  statements,  and  other  columns  of 
figures.  Tabular  figures  are  usually  lining  figures,  meaning  that  they  sit  on  the  baseline  and  have  the  same  height  as 
the  capital  letters. 

Dominant  Baseline  Available  only  when  Asian  options  are  turned  on  in  the  panel  options  menu  of  the  Text  Property 
inspector.  Specifies  the  dominant  (or  primary)  baseline  for  text  that  you  explicitly  select  (as  opposed  to  Leading  Basis, 
which  determines  the  baseline  alignment  of  an  entire  paragraph).  Dominant  Baseline  can  have  these  values: 

•  Auto:  Resolved  based  on  the  selected  Locale.  This  setting  is  the  default. 

•  Roman:  For  text,  the  font  and  point  size  of  the  text  determine  this  value.  For  graphic  elements,  the  bottom  of  the 
image  is  used. 

•  Ascent:  Specifies  an  ascent  baseline.  For  text,  the  font  and  point  size  of  the  text  determine  this  value.  For  graphic 
elements,  the  top  of  the  image  is  used. 

•  Descent:  Specifies  a  descent  baseline.  For  text,  the  font  and  point  size  of  the  text  determine  this  value.  For  graphic 
elements,  the  bottom  of  the  image  is  used. 

•  Ideographic  Top:  Aligns  the  small  characters  in  a  line  to  the  specified  position  of  the  large  character's  em-box. 

•  Ideographic  Center:  Aligns  the  small  characters  in  a  line  to  the  specified  position  of  the  large  character's  em-box. 

•  Ideographic  Bottom:  Aligns  the  small  characters  in  a  line  to  the  specified  position  of  the  large  character's  em-box. 

Alignment  Baseline  Available  only  when  Asian  options  are  turned  on  in  the  panel  options  menu  of  the  Text  Property 
inspector.  Lets  you  specify  a  different  baseline  for  text  or  a  graphic  image  within  a  paragraph.  For  example,  if  you  insert 
an  icon  into  a  line  of  text,  you  can  specify  an  alignment  using  the  top  or  bottom  of  the  image  relative  to  the  text  baseline. 

•  Use  Dominant:  Specifies  that  the  Alignment  Baseline  use  the  Dominant  Baseline  setting. 

•  Roman:  For  text,  the  font  and  point  size  of  the  text  determine  this  value.  For  graphic  elements,  the  bottom  of  the 
image  is  used. 

•  Ascent:  Specifies  an  ascent  baseline.  For  text,  the  font  and  point  size  of  the  text  determine  this  value.  For  graphic 
elements,  the  top  of  the  image  is  used. 

•  Descent:  Specifies  a  descent  baseline.  For  text,  the  font  and  point  size  of  the  text  determine  this  value.  For  graphic 
elements,  the  bottom  of  the  image  is  used. 

•  Ideographic  Top:  Aligns  the  small  characters  in  a  line  to  the  specified  position  of  the  large  character's  embox. 

•  Ideographic  Center:  Aligns  the  small  characters  in  a  line  to  the  specified  position  of  the  large  character's  embox. 

•  Ideographic  Bottom:  Aligns  the  small  characters  in  a  line  to  the  specified  position  of  the  large  character's  embox. 
This  setting  is  the  default. 

Ligatures  Ligatures  are  typographic  replacement  characters  for  certain  letter  pairs,  such  as  "fi"  and  "fl"  that  are  available 
in  some  fonts.  Ligatures  usually  replace  consecutive  characters  sharing  common  components.  They  are  part  of  a  more 
general  class  of  glyphs  called  contextual  forms.  With  contextual  forms,  the  specific  shape  of  a  letter  depends  on  context, 
such  as  surrounding  letters  or  proximity  to  the  end  of  a  line.  Note  the  Ligatures  setting  has  no  effect  on  scripts  where 
ligatures  or  connections  between  letters  are  the  norm  and  are  not  font-dependent.  These  scripts  include  Perso-Arabic, 
Devanagari,  and  some  others. 
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The  Ligatures  property  can  have  these  values: 


•  Minimum:  Minimum  ligatures. 

•  Common:  Common  or  “standard”  ligatures.  This  setting  is  the  default. 

•  Uncommon:  Uncommon  or  “discretionary”  ligatures. 

•  Exotic:  Exotic  or  “historical”  ligatures.  Included  in  only  a  few  font  families. 


a.,  fi  ff  fj  ft  Th  ct  st  sp  AA  CA  [T  FT  OO 
b  fi  ff  fj  ft  Th  ct  st  sp  AA  CA  ET  FT  OO 
c.  fi  ff  ^  ft  Th  ct  st  sp  A  A  CA  ET  FT  OO 
d  fi  ff  fj  ft  Th  ct  st  sp  AA  CA  ET  FT  OO 
e.  fifJf]ftTh<ftft£}D  AA  G\  ET  FT  OO 


Break  Used  to  prevent  selected  words  from  breaking  at  the  end  of  lines,  such  as  proper  names  or  words  that  could  be 
misread  when  hyphenated.  The  Break  setting  is  also  used  to  keep  multiple  characters  or  groups  of  words  together,  such 
as  clusters  of  initials,  or  a  first  and  last  name.  Break  can  have  these  values: 


•  Auto:  Line  break  opportunities  are  based  on  the  Unicode  character  properties  in  the  font.  This  setting  is  the  default. 

•  All:  Treats  all  characters  in  the  selection  as  mandatory  line  break  opportunities. 

•  Any:  Treats  any  character  in  the  selection  as  a  line  break  opportunity. 

•  No  Break:  Treats  no  characters  in  the  selection  as  line  break  opportunities. 

Baseline  Shift  This  control  sets  the  Baseline  Shift  in  percent  or  pixels.  Positive  values  move  the  character's  baseline 
below  the  baseline  of  the  rest  of  the  line;  negative  values  move  it  above  the  baseline.  The  Superscript  or  Subscript 
attribute  can  also  be  applied  from  this  menu.  The  default  is  0.  The  range  is  +/-  720  points  or  percent. 

Locale  As  a  character  property,  the  selected  locale  affects  the  shaping  of  glyphs  via  OpenType  features  in  a  font.  For 
example,  languages  like  Turkish  do  not  have  ligatures  such  as  ft  and  ff.  Another  example  is  the  capital  version  of  'i'  in 
Turkish,  which  is  an  uppercase  i  with  a  dot  and  not  T. 

A  separate  flow-level  Locale  property  is  available  in  the  Container  and  Flow  section  of  the  TLF  Text  Property  inspector. 
All  characters  inherit  the  Container  and  Flow  Locale  property  unless  it  is  set  differently  at  the  character  level. 
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Working  with  paragraph  styles 

To  set  paragraph  styles,  you  work  with  the  Paragraph  and  Advanced  Paragraph  sections  of  the  Text  Property  inspector. 
The  Paragraph  section  includes  the  following  text  properties: 

Align  This  property  can  be  used  with  horizontal  or  vertical  text.  Align  to  Start  aligns  the  text  along  the  starting  edge  of 
the  container  (the  left  side  for  left-to-right  text).  Align  to  End  aligns  the  text  along  the  ending  edge  of  the  container  (the 
right  side  for  left-to-right  text). 

When  the  Paragraph  Direction  of  the  current  selection  is  right  to  left,  the  appearance  of  the  alignment  icons  reverses 
to  indicate  the  correct  direction. 

Margins:  Start  and  End  These  settings  specify  the  width  of  the  left  and  right  margins  in  pixels.  The  default  is  0. 

Indent  Specifies  the  indentation  of  the  first  word  of  the  selected  paragraph,  in  pixels. 

Spacing:  Before  and  After  Specifies  pixel  values  for  space  before  and  after  a  paragraph. 

note:  Note:  Unlike  traditional  page  layout  applications,  the  vertical  space  specified  between  paragraphs  collapses  when 
values  overlap.  For  example,  you  have  two  paragraphs,  Paral  followed  by  Para2.  Paral  has  12  pixels  of  space  after  it  (Space 
After),  and  Para2  has  24  pixels  of  space  before  it  (Space  Before).  TLF  produces  24  points  between  the  paragraphs,  not  36. 
If  a  paragraph  begins  at  the  top  of  a  column,  no  extra  space  is  added  before  the  paragraph.  In  this  case,  you  can  use  the  first 
baseline  offset  options  of  the  paragraph. 

Text  Justify  Text  Justify:  Indicates  how  justification  is  applied  to  text.  Text  Justify  can  have  these  values: 

•  Letter  Spacing:  Distributes  justification  between  letters. 

•  Word  Spacing:  Distributes  justification  between  words.  This  setting  is  the  default. 

Direction  Specifies  paragraph  direction.  Direction  settings  are  only  available  if  Right-to-Left  options  are  turned  on  in 
Preferences.  This  setting  applies  only  to  the  currently  selected  paragraph  within  the  text  container.  A  separate  Direction 
property  can  be  set  for  the  container  in  the  Container  and  Flow  section  of  the  TLF  Text  Property  inspector.  Direction 
can  have  these  values: 

•  Left  to  Right:  Left  to  Right  text  direction.  Used  for  most  languages.  This  setting  is  the  default. 

•  Right  to  Left:  Right-to-Left  text  direction.  Used  for  Middle  Eastern  languages  like  Arabic  and  Hebrew,  and  languages 
based  on  Arabic  script  such  as  Farsi  or  Urdu. 

The  Advanced  Paragraph  options  are  only  available  when  Asian  Options  are  turned  on  in  Preferences  or  via  the 
Options  menu  of  the  TLF  Text  Property  inspector. 

The  Advanced  Paragraph  section  includes  the  following  properties: 

Mojikumi  Sometimes  called  the  justification  rule,  this  property  determines  how  paragraph  justification  is  applied.  The 
justifiers  that  are  applied  based  on  this  setting  affect  the  spacing  of  punctuation  and  the  leading.  In  the  Roman  version, 
the  comma  and  Japanese  periods  take  a  full  character's  width  but  only  half  in  East  Asian.  Additionally,  the  spacing 
between  sequential  punctuation  marks  becomes  tighter,  obeying  traditional  East  Asian  typographic  conventions. 
Another  item  to  note  in  the  example  below  is  the  leading,  applied  to  the  second  line  of  the  paragraphs.  In  the  East  Asian 
version,  the  last  two  lines  push  left.  In  the  Roman  version,  the  second  and  following  lines  push  left. 

Mojikumi  can  have  these  values: 

•  Auto:  Justification  is  applied  based  on  the  Locale  selected  in  Character  and  Flow  section  of  the  Text  Property 
inspector.  This  setting  is  the  default. 

•  Space:  Use  Roman  justification  rules. 

•  East  Asian:  Use  East  Asian  justification  rules. 
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Kinsoku  Shori  Type  Sometimes  called  the  justification  style,  this  property  specifies  options  for  handling  Japanese 
kinsoku  characters,  which  cannot  appear  at  either  the  beginning  or  end  of  a  line.  Kinsoku  Shori  Type  can  have  these 
values: 


•  Auto:  Resolved  based  on  the  Locale  selected  in  the  container  and  Flow  section  of  the  Text  Property  inspector.  This 
setting  is  the  default. 

•  Prioritize  Least  Adjustment:  Bases  justification  on  either  expanding  or  compressing  the  line,  whichever  gives  a  result 
closest  to  the  desired  width. 

•  Push  In  Kinsoku:  Bases  justification  on  compressing  kinsoku  at  the  end  of  the  line.  Kinsoku  expands  if  no  kinsoku 
occurs  or  if  that  end-of-line  space  is  insufficient. 

•  Push  Out  Only:  Bases  justification  on  expanding  the  line. 

Leading  Model  Leading  Model  is  a  paragraph  format  composed  of  allowed  combinations  of  leading  basis  and  leading 

direction. 


Leading  Basis  determines  the  baselines  of  two  consecutive  lines  that  are  intended  to  be  at  the  distance  specified  by  line 
height  from  each  other.  For  example,  for  two  consecutive  lines  in  a  paragraph  with  Roman  leading  basis,  the  line  height 
is  the  distance  between  their  respective  Roman  baselines. 

Leading  Direction  determines  the  direction  in  which  line  height  is  measured.  If  leading  direction  is  Up,  line  height  is 
the  distance  of  a  line's  baseline  from  the  previous  line's  baseline.  If  leading  direction  is  Down,  line  height  is  the  distance 
of  a  line's  baseline  from  the  next  line's  baseline. 


Leading  Model  can  have  these  values: 

•  Roman;  Up:  Leading  basis  is  Roman  and  leading  direction  is  Up.  In  this  case,  the  line  height  is  the  distance  of  a  line's 
Roman  baseline  from  the  previous  line's  Roman  baseline. 

•  Ideographic  Top;  Up:  Leading  basis  is  Ideographic  Top  and  leading  direction  is  Up.  In  this  case,  the  line  height  is  the 
distance  of  a  line's  Ideographic  Top  baseline  from  the  previous  line's  Ideographic  Top  baseline. 

•  Ideographic  Center;  Up:  Leading  basis  is  Ideographic  Center  and  leading  direction  is  Up.  In  this  case,  the  line  height 
is  the  distance  of  a  line's  Ideographic  Center  baseline  from  the  previous  line's  Ideographic  Center  baseline. 
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Ideographic  Top;  Down:  Leading  basis  is  Ideographic  Top  and  leading  direction  is  Down.  In  this  case,  the  line  height 
is  the  distance  of  a  line's  Ideographic  Top  baseline  from  the  next  line's  Ideographic  Top  baseline. 

Ideographic  Center;  Down:  Leading  basis  is  Ideographic  Center  and  leading  direction  is  Down.  In  this  case,  the  line 
height  is  the  distance  of  a  line's  Ideographic  Center  baseline  from  the  next  line's  Ideographic  Center  baseline. 

Auto:  The  Leading  Model  is  resolved  based  on  the  Locale  selected  in  the  Container  and  Flow  section  of  the  Text 
Property  inspector.  (Ideographic  Top;  Down  for  Japanese  and  Chinese  and  Roman;  Up  for  all  others.  This  setting  is 
the  default  value. 


Container  and  flow  properties 


Working  with  Container  and  Flow  properties 

The  container  and  Flow  section  of  the  TLF  Text  Property  inspector  controls  options  that  affect  the  entire  text  container. 
These  proeprties  include: 

Behavior  This  option  controls  how  the  container  expands  as  the  amount  of  text  increases.  Behavior  has  these  options: 

•  Single  Line 

•  Multiline:  This  option  is  only  available  when  the  selected  text  is  area  text.  It  is  not  available  if  the  selected  text  is  point 
text. 

•  Multiline  No  Wrap 

•  Password:  Makes  characters  appear  as  dots  instead  of  letters  for  password  security.  This  option  is  only  available  in 
the  menu  when  the  text  type  is  Editable  (for  either  point  or  area  text).  It  is  not  available  for  the  Read  Only  or 
Selectable  text  types. 

Max  Chars  The  maximun  number  of  characters  to  allow  in  the  text  container.  Enabled  only  for  text  containers  whose 
type  is  set  to  Editable.  The  maximum  value  is  65535. 

Alignment  Specifies  the  alignment  of  text  within  the  container.  Settings  include: 

•  Top:  Vertically  aligns  text  down  from  the  top  of  the  container. 

•  Center:  Centers  lines  of  text  in  the  container 

•  Bottom:  Vertically  align  lines  of  text  up  from  the  bottom  of  the  container. 

•  Justify:  Evenly  distributes  lines  of  text  vertically  between  the  top  and  bottom  of  the  container. 
note:  The  Alignment  options  change  appropriately  when  the  text  direction  is  set  to  Vertical. 

Column  Count  Specifies  the  number  of  columns  of  text  within  the  container.  This  property  is  only  enabled  for  area  text 
containers.  The  default  value  is  1.  The  maximum  value  is  50. 

Column  Gutters  Specifies  the  spacing  (or  gutter)  between  each  column  in  the  selected  container.  The  default  value  is 
20.  The  maximum  value  is  1000.  The  unit  of  measurment  is  set  according  to  the  Ruler  Units  set  in  Document  Settings. 

Padding  Specifies  the  width  of  the  margins  between  the  text  and  the  selected  container.  Padding  can  be  set  for  all  4 
margins. 

Border  Color  The  color  of  the  stroke  around  the  outside  of  the  container.  The  default  is  no  border. 

Border  width  The  width  of  the  stroke  around  the  outside  of  the  container.  Enabled  only  when  a  border  color  is  chosen. 
The  maximum  value  is  200. 

Background  Color  The  color  of  the  background  behind  the  text.  The  default  is  no  color. 
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First  Line  Offset  specifies  the  alignment  of  the  first  line  of  text  with  the  top  of  the  text  container.  For  example,  you  can 
make  text  fall  a  specific  distance  below  the  top  of  the  container.  First  line  offset  is  often  referred  to  as  first  baseline  offset 
when  working  with  Roman  characters.  In  this  case,  the  baseline  is  an  imaginary  line  on  which  the  majority  of  the 
characters  in  a  typeface  rest.  When  working  with  TLF,  baseline  can  refer  to  any  of  the  following,  depending  on  the 
language  being  used:  Roman,  Ascent,  Descent,  Ideographic  Top,  Ideographic  Center,  and  Ideographic  Bottom. 

First  Line  Offset  can  have  these  values: 

•  pt:  Specify  the  distance  in  points  between  the  baseline  of  the  first  line  of  text  and  the  top  inset  of  the  frame.  This 
setting  enables  a  field  for  specifying  the  point  distance. 

•  Auto:  Aligns  the  top  of  the  line,  based  on  the  tallest  glyph,  with  the  top  of  the  container. 

•  Ascent:  The  distance  between  the  top  inset  of  the  text  container  and  the  baseline  of  the  first  line  of  text  is  the  height 
of  the  tallest  glyph  in  the  font  (typically  the  "d"  character  in  Roman  fonts). 

•  Line  Height:  The  distance  between  the  top  inset  of  the  text  container  and  the  baseline  of  the  first  line  of  text  is  the 
Line  Height  (leading)  of  the  line. 

Direction  Used  to  specify  either  a  left-to-right  or  right-to-left  text  direction  for  the  selected  container.  Left-to-right  is 
used  for  most  languages.  Right-to-left  is  used  for  Middle  Eastern  languages  such  as  Arabic  and  Hebrew,  and  languages 
based  on  Arabic  script  such  as  Farsi  or  Urdu. 

When  applied  at  the  paragraph  level,  direction  controls  the  left-to-right  or  right-to-left  text  direction  and  the  indents 
and  punctuation  used  by  the  paragraph.  When  applied  at  the  container  level,  direction  controls  the  column  direction. 
Paragraphs  in  the  container  inherit  the  direction  attribute  from  the  container. 

Locale  Sets  the  Locale  property  at  the  flow  level.  See  Working  with  character  styles. 

Flowing  text  across  multiple  containers 

Threading,  or  linking,  between  text  containers  is  only  available  for  TLF  (Text  Layout  Framework)  text  and  does  not 
apply  to  Classic  text  blocks.  Text  containers  can  be  threaded  from  frame  to  frame,  and  inside  symbols,  as  long  as  the 
threaded  containers  are  all  within  the  same  timeline. 

To  link  2  or  more  text  containers: 

1  Use  the  Selection  tool  or  Text  tool  to  select  a  text  container. 

2  Click  the  In  port  or  the  Out  port  of  the  selected  text  container.  (The  In-port  and  Out-port  positions  on  the  text 
container  are  based  on  the  container's  flow  direction  and  vertical  or  horizontal  setting.  For  example,  if  the  text  flow 
is  Left-to-Right  and  horizontal ,  the  In  port  is  on  the  upper  left  and  the  Out  port  is  on  the  lower  right.  If  the  text  flow 
is  Right-to-Left,  the  In  port  is  on  the  upper-right  and  the  Out  port  is  on  the  lower  left.) 

The  pointer  changes  to  the  loaded  text  icon. 

3  Then  do  one  of  the  following: 

•  To  link  to  an  existing  text  container,  position  the  pointer  over  the  target  text  container.  Click  the  text  container 
to  link  the  two  containers. 

•  To  link  to  a  new  text  container,  click  or  drag  on  an  empty  part  of  the  Stage.  Clicking  creates  an  object  of  the  same 
size  and  shape  as  the  original;  dragging  lets  you  create  a  rectangular  text  container  of  any  size.  You  can  also  add 
a  new  container  between  2  linked  containers. 

The  containers  are  now  linked  and  text  can  flow  between  them. 

To  unlink  two  text  containers,  do  one  of  the  following: 

•  Place  the  container  in  edit  mode  and  then  double-click  the  In-port  or  Out-port  that  you  want  to  unlink.  The  text 
reflows  in  the  first  of  the  two  containers. 


Last  updated  6/1 2/2015 


Multimedia  and  Video 


361 


•  Delete  one  of  the  linked  text  containers. 

note:  After  creating  a  linkage,  the  second  text  container  acquires  the  flow  direction  and  locale  of  the  first  container.  After 
unlinking,  these  settings  persist  in  the  second  container  instead  of  reverting  to  their  pre-linkage  settings.  In  Flash  Pro 
CS5.5,  scrolling  performance  is  faster  than  CS5,  except  for  linked  text  containers. 

Making  text  scrollable 

You  can  make  a  TLF  text  container  scrollable  by  adding  a  UIScrollBar  component  to  the  text  container.  The  text 
container  must  have  the  following  settings: 

•  The  Text  Type  must  be  set  to  Editable  or  Selectable. 

•  The  Container  and  Flow  Behavior  must  be  set  to  Multiline  or  Multiline  No  Wrap. 

Make  a  TLF  text  container  scrollable: 

•  Drag  an  instance  of  the  UIScrollBar  component  from  the  Components  Panel  onto  the  text  container,  closest  to  the 
side  of  the  container  where  you  want  to  attach  it. 

The  UIScrollBar  component  snaps  to  the  side  of  the  text  container. 

Make  a  text  container  scroll  horizontally: 

1  Select  the  UIScrollBar  component  instance  on  the  Stage. 

2  Set  the  Direction  of  the  UIScrollBar  component  to  Florizontal  in  the  Component  Parameters  section  of  the  Property 
Inspector. 

3  Drag  the  UIScollBar  component  instance  to  the  top  or  bottom  of  the  text  container. 

The  UIScrollBar  component  snaps  to  the  top  or  bottom  of  the  text  container. 

Using  tab  rulers  (CS5.5  only) 

You  use  the  tab  ruler  to  add  tab  stops  to  TLF  text  containers.  The  tab  ruler  appears  when  a  TLF  text  container  is  in  edit 
mode.  The  tab  ruler  displays  tab  stops  defined  for  the  currently  selected  paragraphs.  It  also  shows  markers  for 
paragraph  margins  and  first-line  indent. 

Hide  or  show  tab  ruler  Choose  Text  >  TLF  Tab  Ruler. 

Set  type  of  tab  Double-click  a  marker  or  Shift-click  several  markers  and  select  a  type  from  the  menu. 

Start,  Center,  or  End  tab  Aligns  the  start,  end,  or  center  of  the  text  to  the  tab  stop. 

Decimal  tab  Aligns  a  character  in  the  text  to  the  tab  stop.  This  character  is  usually  a  decimal  point,  shown  by  default 
in  the  menu.  To  align  to  a  dash  or  other  character,  enter  it  in  the  menu. 

Add  tab  Click  in  the  tab  ruler.  The  tab  marker  appears  at  that  location  in  the  tab  ruler. 

Move  tab  Drag  the  tab  marker  to  a  new  location.  (To  move  it  precisely,  double-click  its  tab  marker  and  enter  a  pixel 
location  for  the  marker.) 

Delete  tab  Drag  its  marker  downward  off  the  tab  ruler  until  it  disappears.  (If  the  text  is  vertically  aligned,  drag  the 
marker  to  the  left,  toward  the  text,  until  it  disappears.) 

Change  unit  of  measure  Choose  Modify  >  Document.  Then  select  a  unit  from  the  Ruler  Units  menu  in  the  dialog  box. 
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Asian  and  right-to-left  text 

Creating  Asian  text 

To  work  with  properties  that  apply  to  Asian  text,  enable  the  Asian  Text  options  by  doing  one  of  the  following: 

•  Choose  Show  Asian  Options  from  the  panel  options  menu  in  the  Property  inspector  while  TLF  text  is  selected  on 
the  Stage. 

•  Select  Show  Asian  Text  Options  in  the  Text  section  of  Preferences  (Edit  >  Preferences). 

The  Asian  text  properties  include: 

•  Tate  Chu  Yoko:  used  in  combination  with  Asian  text  where  Roman  characters  must  be  rotated  to  a  horizontal 
orientation  to  display  properly  in  a  vertical  layout. 


•  Dominant  Baseline 

•  Alignment  Baseline 

•  Mojikumi 


•  Kinsoku  Shori  Type 

•  Leading  Model 

Working  with  Illustrator  Al  files  in  Flash 

About  Adobe  Illustrator  Al  files 

Flash  Pro  lets  you  import  Adobe*  Illustrator*  Al  files  and  preserves  the  majority  of  the  editability  and  visual  fidelity  of 
your  artwork.  The  Al  Importer  also  provides  you  with  a  great  degree  of  control  in  determining  how  your  Illustrator 
artwork  is  imported  into  Flash  Pro,  letting  you  specify  how  to  import  specific  objects  into  an  Al  file. 

The  Flash  Pro  Al  Importer  provides  the  following  key  features: 

•  Preserves  editability  of  the  most  commonly  used  Illustrator  effects  as  Flash  Pro  filters. 

•  Preserves  editability  of  blend  modes  that  Flash  Pro  and  Illustrator  have  in  common. 

•  Preserves  the  fidelity  and  editability  of  gradient  fills. 

•  Maintains  the  appearance  of  RGB  (red,  green,  blue)  colors. 

•  Imports  Illustrator  Symbols  as  Flash  Pro  Symbols. 
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•  Preserves  the  number  and  position  of  Bezier  control  points. 

•  Preserves  the  fidelity  of  clip  masks. 

•  Preserves  the  fidelity  of  pattern  strokes  and  fills. 

•  Preserves  object  transparency. 

•  Converts  the  AI  file  layers  to  individual  Flash  Pro  layers,  keyframes,  or  a  single  Flash  Pro  layer.  You  can  also  import 
the  AI  file  as  a  single  bitmap  image,  in  which  case  Flash  Pro  flattens  (rasterizes)  the  file. 

•  Provides  an  improved  copy-and-paste  workflow  between  Illustrator  and  Flash  Pro.  A  copy-and-paste  dialog  box 
provides  settings  to  apply  to  AI  files  being  pasted  onto  the  Flash  Pro  stage. 

Compatibility  between  Flash  and  Illustrator 

Certain  visual  attributes  can  either  not  be  accurately  imported,  or,  after  they  are  imported,  lose  their  ability  to  be  further 

edited  in  the  Flash  Pro  authoring  environment.  The  AI  Importer  provides  you  with  several  options  to  import  and  place 

artwork  to  best  maintain  its  visual  appearance  and  editability.  However,  certain  visual  attributes  cannot  be  preserved. 

Use  the  following  guidelines  to  improve  the  appearance  of  AI  files  imported  into  Flash  Pro: 

•  Flash  Pro  supports  only  the  RGB  color  space,  and  not  the  CMYK  color  space,  which  is  common  in  printing.  Flash 
Pro  can  convert  CMYK  images  to  RGB,  however,  colors  are  better  preserved  if  you  convert  the  colors  to  RGB  in 
Illustrator. 

•  To  preserve  the  drop  shadow,  inner  glow,  outer  glow,  and  Gaussian  blur  AI  effects  as  editable  Flash  Pro  filters,  Flash 
Pro  imports  the  objects  to  which  they  are  applied  as  a  Flash  Pro  movie  clip.  If  you  attempt  to  import  an  object  with 
these  attributes  as  something  other  than  a  movie  clip,  Flash  Pro  displays  an  incompatibility  alert,  and  recommends 
importing  the  object  as  a  movie  clip. 


Working  with  Illustrator  and  Flash 

You  can  move  Illustrator  artwork  into  the  Flash  editing  environment  or  directly  into  Flash  Player.  You  can  copy  and 
paste  artwork,  save  files  in  SWF  format,  or  export  artwork  directly  to  Flash.  In  addition,  Illustrator  provides  support 
for  Flash  dynamic  text  and  movie  clip  symbols.  For  a  video  on  using  Flash  and  Illustrator  together,  see 
www.adobe.com/go/lrvid4099_xp. 

Pasting  Illustrator  artwork 

You  can  create  graphically  rich  artwork  in  Illustrator  and  copy  and  paste  it  into  Flash  simply,  quickly,  and  seamlessly. 
When  you  paste  Illustrator  artwork  into  Flash,  the  following  attributes  are  preserved: 

•  Paths  and  shapes 

•  Scalability 

•  Stroke  weights 

•  Gradient  definitions 

•  Text  (including  OpenType  fonts) 

•  Linked  images 

•  Symbols 

•  Blending  modes 

In  addition,  Illustrator  and  Flash  support  pasted  artwork  in  the  following  ways: 

•  When  you  select  entire  top-level  layers  in  Illustrator  artwork  and  paste  them  into  Flash,  the  layers  are  preserved 
along  with  their  properties  (visibility  and  locking). 
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•  Non-RGB  Illustrator  colors  (CMYK,  grayscale,  and  custom)  convert  to  RGB  in  Flash.  RGB  colors  paste  as  expected. 

•  When  you  import  or  paste  Illustrator  artwork,  you  can  use  various  options  to  preserve  effects  (such  as  drop  shadow 
on  text)  as  Flash  filters. 

•  Flash  preserves  Illustrator  masks. 

Exporting  SWF  files  from  Illustrator 

From  Illustrator,  you  can  export  SWF  files  that  match  the  quality  and  compression  of  SWF  files  exported  from  Flash. 

When  you  export,  you  can  choose  from  a  variety  of  presets  to  ensure  optimal  output,  and  you  can  specify  how  to  handle 
multiple  artboards,  symbols,  layers,  text,  and  masks.  For  example,  you  can  specify  whether  Illustrator  symbols  are 
exported  as  movie  clips  or  graphics,  or  you  can  choose  to  create  SWF  symbols  from  Illustrator  layers. 

Importing  Illustrator  files  into  Flash 

When  you  want  to  create  complete  layouts  in  Illustrator  and  then  import  them  into  Flash  in  one  step,  you  can  save  your 
artwork  in  the  native  Illustrator  format  ( AI)  and  import  it,  with  high  fidelity,  into  Flash  using  the  File  >  Import  To  Stage 
or  File  >  Import  To  Library  commands  in  Flash. 

If  your  Illustrator  file  contains  multiple  artboards,  you  select  the  artboard  you  want  to  import  from  the  Import  dialog 
box  in  Flash,  and  specify  settings  for  in  that  artboard  for  all  layers.  All  objects  on  the  selected  artboard  can  be  imported 
as  a  single  or  multiple  flash  layers  or  keyframes  in  Flash  Pro. 

When  you  import  Illustrator  artwork  as  an  AI,  EPS,  or  PDF  file,  Flash  preserves  the  same  attributes  as  for  pasted 
Illustrator  artwork.  In  addition,  when  an  imported  Illustrator  file  contains  layers,  you  can  import  them  in  any  of  the 
following  ways: 

•  Convert  Illustrator  layers  to  Flash  layers 

•  Convert  Illustrator  layers  to  Flash  frames 

•  Convert  all  Illustrator  layers  to  a  single  Flash  layer 

Symbol  workflow 

Symbol  workflow  in  Illustrator  is  similar  to  symbol  workflow  in  Flash. 

Text  Conversion  If  the  AI  file  contains  Text,  you  can  convert  the  text  to: 

•  Editable  Text 

•  Vector  Outline 

•  Flattened  bitmap  image 

Layer  Conversion  Flash  Pro  CC  allows  you  to  convert  layers  in  the  imported  AI  file  to: 

•  Single  flattened  bitmap  file 

•  Editable  paths  and  effects 

(Flash  Professional  CS6  and  earlier  versions  only)  Symbol  properties  and  links  Using  the  Symbols  panel  or  the  Control 
panel,  you  can  easily  assign  names  to  symbol  instances,  break  links  between  instances  and  symbols,  swap  a  symbol 
instance  with  another  symbol,  or  create  a  copy  of  the  symbol.  In  Flash,  the  editing  features  in  the  Library  panel  work 
in  a  similar  way. 

(Flash  Professional  CS6  and  earlier  versions  only)  Static,  dynamic,  and  input  text  objects 

When  you  bring  static  text  from  Illustrator  into  Flash,  Flash  converts  the  text  to  outlines.  In  addition,  you  can  set  up 
your  text  in  Illustrator  as  dynamic  text.  Dynamic  text  enables  you  to  edit  text  content  programmatically  in  Flash,  and 
easily  manage  projects  that  require  localization  in  multiple  languages. 
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In  Illustrator,  you  can  specify  individual  text  objects  as  static,  dynamic,  or  input  text.  Dynamic  text  objects  in  Illustrator 
and  Flash  have  similar  properties.  For  example,  both  use  kerning  that  affects  all  characters  in  a  text  block  rather  than 
individual  characters,  both  anti-alias  text  the  same  way,  and  both  can  be  linked  to  an  external  XML  file  containing  text. 


About  importing  Al  files  to  the  Flash  library 

Importing  an  AI  file  into  the  library  is  similar  to  importing  to  the  Stage,  the  difference  being  that  the  entire  AI  file  is 
encapsulated  as  a  Flash  Pro  symbol.  The  content  is  imported  into  the  library  and  organized  by  the  layering  and 
grouping  structure  of  the  AI  file. 

When  you  import  an  AI  file  into  the  library,  the  root  folder  uses  the  name  of  the  AI  file.  After  the  AI  file  is  imported 
into  the  library,  you  can  change  the  name  of  the  root  folder,  or  move  the  layers  out  of  the  folder.nofe:  The  Library  panel 
orders  the  contents  of  the  imported  AI  file  alphabetically.  The  hierarchical  grouping  and  folder  structure  remains  the  same , 
but  the  library  reorders  them  alphabetically. 

When  converting  AI  layers  to  keyframes,  the  AI  file  is  imported  as  a  movie  clip;  converting  the  AI  layers  to  Flash  layers, 
or  as  a  single  Flash  layer,  imports  the  AI  file  as  a  graphic  symbol.  The  resulting  movie  clip  or  graphic  symbol  contains 
all  of  the  content  of  the  AI  file  imported  to  its  timeline,  as  if  the  content  were  imported  to  the  Stage.  Almost  all  movie 
clips  have  a  bitmap  or  other  asset  associated  with  them.  To  minimize  confusion  and  naming  conflicts,  these  assets  are 
stored  in  an  Assets  folder  in  the  same  folder  as  the  movie  clip.note:  When  you  import  to  the  library,  the  Alfile 's  contents 
are  imported  to  the  movie  clip's  timeline,  not  the  main  Flash  Pro  timeline. 


(Flash  Professional  CS6  and  earlier  versions  only)  AI  File  Importer  preferences 

The  Flash  Preferences  dialog  box  lets  you  set  import  preferences  for  AI  files  and  the  AI  File  Import  dialog  box.  The 
preferences  you  specifiy  for  importing  AI  files  affect  the  options  the  AI  Import  dialog  box  is  initially  populated  with  for 
the  Illustrator  object  types. 
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Note:  To  override  the  preferences  specified  for  different  layer  types  on  an  object  by  object  basis,  use  the  AI  Import  dialog 
box.  Select  the  layer,  object,  or  group  to  change  its  import  options,  and  specify  the  necessary  options. 

General  Preferences  that  affect  how  the  AI  Importer  will  respond  when  importing  AI  files: 

Show  Import  Dialog  Box  Specifies  that  the  AI  File  Import  Dialog  dialog  box  appears. 

Exclude  Objects  Outside  Crop  Area  Excludes  objects  on  the  Illustrator  canvas  which  fall  outside  the  artboard  or  crop 
area. 

Import  Hidden  Layers  Specifies  that  hidden  layers  be  imported  by  default. 

Import  Text  As  Lets  you  specify  the  following  import  preferences  for  text  objects: 

Editable  Text  Specifies  that  imported  Illustrator  text  is  editable  Flash  Pro  text.  The  appearance  of  the  text  may  be 
compromised  to  maintain  the  editability  of  the  text. 

Vector  Outlines  Converts  text  to  vector  paths.  Use  this  option  to  preserve  the  visual  appearance  of  the  text.  Some  visual 
effects  might  be  sacrificed — such  as  unsupported  blend  modes  and  filters — but  visual  attributes  such  as  text  on  a  path 
are  maintained  if  the  text  is  imported  as  a  movie  clip.  The  text  itself  is  no  longer  editable,  but  opacity  and  compatible 
blend  modes  maintain  their  editability. 

note:  To  preserve  the  drop  shadow,  inner  glow,  outer  glow,  and  Gaussian  blur  thatAI  effects  applied  to  text  as  editable  Flash 
Pro  filters,  select  Create  Movie  Clip  Import  to  import  the  text  as  a  movie  clip. 

Bitmaps  Rasterizes  the  text  into  a  bitmap  to  preserve  the  exact  appearance  of  the  text  as  it  was  in  Illustrator.  If  filters 
or  other  effects  are  applied  that  are  not  compatible  with  Flash  Pro,  importing  the  text  as  a  bitmap  preserves  the  visual 
appearance.  Rasterized  text  is  no  longer  editable. 

Create  Movie  Clips  Specifies  that  text  objects  be  imported  inside  a  movie  clip.  To  maintain  supported  blend  modes,  AI 
effects,  and  transparency  of  less  than  100%  between  Illustrator  and  Flash  Pro,  specify  that  the  text  object  be  imported 
as  a  movie  clip. 

Import  Paths  As  Lets  you  specify  the  following  path  import  preferences: 

Editable  Paths  Creates  an  editable  vector  path.  Supported  blend  modes,  effects,  and  object  transparency  are  preserved, 
but  attributes  not  supported  in  Flash  Pro  are  discarded. 

Bitmaps  Rasterizes  the  path  into  a  bitmap  to  preserve  the  exact  appearance  of  the  path  in  Illustrator.  A  rasterized  image 
is  no  longer  editable. 

Create  Movie  Clips  Specifies  that  path  objects  be  imported  inside  a  movie  clip. 

Images  Lets  you  specify  the  import  preference  for  images: 

Flatten  Bitmaps  To  Maintain  Appearance  Rasterizes  the  image  into  a  bitmap  to  preserve  the  appearance  of  blending 
modes  and  effects  that  are  not  supported  in  Flash  Pro.  A  rasterized  image  is  no  longer  editable. 

Create  Movie  Clips  Specifies  that  images  be  imported  inside  a  movie  clip. 

Groups  Lets  you  specify  the  import  preferences  for  groups: 

Import  As  Bitmaps  Rasterizes  the  group  into  a  bitmap  to  preserve  the  appearance  of  the  objects  as  they  appeared  in 
Illustrator.  After  a  group  is  converted  to  a  bitmap,  the  objects  in  it  cannot  be  selected  or  renamed. 

Create  Movie  Clips  Specifies  that  all  objects  in  the  group  be  encapsulated  into  a  single  movie  clip. 

Layers  Lets  you  specify  the  import  preferences  for  layers: 

Import  As  Bitmaps  Rasterizes  the  layer  into  a  bitmap  to  preserve  the  appearance  of  the  objects  as  they  appeared  in 
Illustrator. 

Create  Movie  Clips  Specifies  that  the  layer  is  encapsulated  into  a  movie  clip. 
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Movie  Clip  Registration  Specifies  a  global  registration  point  for  movies  that  are  created.  This  setting  applies  to  the 
registration  point  for  all  object  types.  This  option  can  be  changed  on  an  object  by  object  basis  in  the  AI  File  Import 
dialog  box;  this  is  the  initial  setting  for  all  object  types.  For  more  information  on  movie  clip  registration,  see  Edit 
symbols. 


Import  Adobe  Illustrator  files 

When  you  want  to  create  complete  layouts  in  Illustrator  and  then  import  them  into  Flash  in  one  step,  you  can  save  your 
artwork  in  the  native  Illustrator  format  (AI)  and  import  it,  with  high  fidelity,  into  Flash  using  the  File&nbsp;>  Import 
To  Stage  or  File&nbsp;>  Import  To  Library  commands  in  Flash. 

If  your  Illustrator  file  contains  multiple  artboards,  you  select  the  artboard  you  want  to  import  from  the  Import  dialog 
box  in  Flash,  and  specify  settings  for  in  that  artboard  for  all  layers.  All  objects  on  the  selected  artboard  can  be  imported 
as  a  single  or  multiple  flash  layers  or  keyframes  in  Flash  Pro. 

When  you  import  Illustrator  artwork  as  an  AI,  EPS,  or  PDF  file,  Flash  preserves  the  same 
Illustrator  artwork.  In  addition,  when  an  imported  Illustrator  file  contains  layers,  you  can 
following  ways: 

•  Convert  Illustrator  layers  to  Flash  layers 

•  Convert  Illustrator  layers  to  Flash  frames 

•  Convert  all  Illustrator  layers  to  a  single  Flash  layer 

Symbol  workflow 

Symbol  workflow  in  Illustrator  is  similar  to  symbol  workflow  in  Flash. 

Text  Conversion 

If  the  AI  file  contains  Text,  you  can  convert  the  text  to: 

•  Editable  Text 

•  Vector  Outline 

•  Flattened  bitmap  image 

Layer  Conversion 

Flash  Pro  CC  allows  you  to  convert  layers  in  the  imported  AI  file  to: 

•  Single  flattened  bitmap  file 

•  Editable  paths  and  effects 

(Flash  Professional  CS6  and  earlier  versions  only)  Symbol  properties  and  links 

Using  the  Symbols  panel  or  the  Control  panel,  you  can  easily  assign  names  to  symbol  instances,  break  links  between 
instances  and  symbols,  swap  a  symbol  instance  with  another  symbol,  or  create  a  copy  of  the  symbol.  In  Flash,  the 
editing  features  in  the  Library  panel  work  in  a  similar  way. 

(Flash  Professional  CS6  and  earlier  versions  only)  Static,  dynamic,  and  input  text  objects 

When  you  bring  static  text  from  Illustrator  into  Flash,  Flash  converts  the  text  to  outlines.  In  addition,  you  can  set  up 
your  text  in  Illustrator  as  dynamic  text.  Dynamic  text  enables  you  to  edit  text  content  programmatically  in  Flash,  and 
easily  manage  projects  that  require  localization  in  multiple  languages. 

In  Illustrator,  you  can  specify  individual  text  objects  as  static,  dynamic,  or  input  text.  Dynamic  text  objects  in  Illustrator 
and  Flash  have  similar  properties.  For  example,  both  use  kerning  that  affects  all  characters  in  a  text  block  rather  than 
individual  characters,  both  anti-alias  text  the  same  way,  and  both  can  be  linked  to  an  external  XML  file  containing  text. 
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Artboard:  1  -  "Artboard  1" 


Layer  conversion: 


Maintain  editable  paths  and  effects 
Single  flattened  bitmap 


Text  Conversion: 


Flattened  bitmap  image 


Convert  layers  to: 


Single  Flash  layer 


Import  unused  symbols 


1  Select  File  >  Import  To  Stage  or  Import  To  Library. 

2  Navigate  to  the  AI  file  to  import,  select  it,  and  click  OK.  The  Import  Illustrator  Document  To  Stage  or  The  Import 
Illustrator  Document  To  Library  dialog  box  appears. 

This  dialog  box  provides  options  to  import  the  Illustrator  file.  Depending  on  the  types  of  objects  in  the  Illustrator 
file  you’re  importing,  the  options  available  to  you  vary. 


3  (Optional)  To  generate  a  list  of  items  in  the  AI  file  that  are  incompatible  with  Flash  Pro,  click  Incompatibility  Report. 
The  Incompatibility  Report  button  appears  only  if  incompatibilities  exist  with  Flash  Pro  in  the  AI  file. 

The  incomp atibilty  report  analyzes  possible  incompatibilities  between  Illustrator  and  Flash  Pro.  The  Import 
Options  area  (next  to  the  Alert  button)  of  the  AI  Import  dialog  box  displays  recommendations  to  obtain  the 
maximum  compatibility  for  any  incompatible  item. 


The  incomp  atibilty  report  includes  an  Apply  Recommended  Import  Settings  checkbox.  If  checked,  Flash  Pro 
automatically  applies  the  recommended  import  options  to  any  incompatible  objects  within  the  AI  file.  The 
exceptions  to  this  are  when  the  AI  document  is  larger  in  size  than  that  supported  by  Flash  Pro,  and  when  the  AI 
document  uses  the  CMYK  color  mode.  To  correct  either  of  these  incompatibilities,  reopen  the  document  in 
Illustrator  CS3,  and  adjust  the  size  of  the  document,  or  change  the  color  mode  to  RGB. 


4  For  Convert  Layers  To,  select  one  of  the  following: 

Flash  Layers  Converts  each  layer  in  the  imported  document  to  a  layer  in  the  Flash  document. 

Keyframes  Converts  each  layer  in  the  imported  document  to  a  keyframe  in  the  Flash  document. 

Single  Flash  Layer  Converts  all  layers  in  the  imported  document  to  a  single  flattened  layer  in  the  Flash  Pro 
document. 
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5  Select  appropriate  Text  and  Layer  conversion  options. 

6  Click  OK. 

Illustrator  object  import  options 

Layers  manage  all  the  items  that  make  up  Illustrator  artwork.  By  default,  all  items  are  organized  in  a  single,  parent  layer. 
You  can  import  all  items  in  a  given  parent  layer  as  a  single,  flattened  bitmap,  or,  individually  select  each  object  and 
specify  import  options  specific  to  the  type  of  object  it  is  (text,  path,  group,  and  so  on).  The  AI  Importer  provides  options 
to  select  layers  in  the  artwork  you  are  importing  and  specify  individual  import  options  based  on  preserving  the  visual 
appearance  of  an  object,  or  its  editability  in  Flash  Pro. 

Correcting  incompatible  graphic  effects 

1  To  generate  an  incomp atibilty  report,  click  Incompatibility  Report.  The  incompatibility  report  lists  items  in  the  AI 
file  that  are  incompatible  with  Flash  Pro. 

2  Select  Change  Import  Settings  To  Resolve  Object  Incompatibilities.  Many  incompatibilities  between  Illustrator  and 
Flash  Pro  can  be  automatically  corrected  using  the  incompatibility  report  and  the  import  recommendations 
suggested  in  the  Import  options  area  of  the  AI  Import  dialog  box. 

Select  individual  objects 

1  Select  the  object  to  specify  import  options  for.  Illustrator  objects  that  you  can  select  include  layers,  groups, 
individual  paths,  text,  and  images. 

2  Review  the  import  options  available  for  the  type  of  object  you’ve  selected  in  the  object  options  section  of  the  dialog 
box.  Note  whether  any  incompatibilities  are  listed  and  what  the  recommended  correction  is  to  import  the  object. 

3  Select  the  desired  import  options,  and  select  another  object  to  specify  import  options  for,  or  click  OK. 

(Flash  Professional  CS6  and  earlier  versions  only)  Selecting  layers 

The  Layers  panel  lists  the  objects  in  a  document.  By  default,  every  Illustrator  document  contains  at  least  one  layer,  and 
each  object  in  a  given  file  is  listed  under  that  layer. 

When  an  item  in  the  Layers  panel  contains  other  items,  a  triangle  appears  to  the  left  of  the  item’s  name.  To  show  or  hide 
the  content,  click  the  triangle.  If  no  triangle  appears,  the  layer  contains  no  additional  items.Mote:  You  can  expand  or 
collapse  all  groups  and  layers  using  theAI  Importer  context  menu.  Right-click  to  display  the  context  menu  and  select 
Expand  All  or  Collapse  All. 

Selection  column  Controls  whether  items  are  selected  for  import  or  not.  If  an  item  is  checked,  you  can  select  that  layer 
and  specify  import  options;  if  Edit  is  not  checked,  the  layer  is  dimmed  and  you  cannot  specify  any  import  setting  for 
the  item  in  that  layer. 

Object  Type  column  An  icon  indicates  what  the  Flash  Pro  object  type  located  on  that  layer  will  be  when  imported  and, 
if  visible,  that  the  item  is  selected.  The  object  types  are; 

•  Text  T 

•  Path  t£> 

•  Group  ’ 

•  Movie  clip 

•  Graphic  symbol  * 

•  Image  Jg 
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Text  import  options 

Flash  Pro  lets  you  import  text  as  editable  text,  vector  outlines,  or  a  flattened  bitmap.  To  maintain  supported  blend 
modes,  AI  effects,  and  transparency  of  less  than  100%  between  Illustrator  and  Flash  Pro,  import  text  as  a  movie  clip. 
Importing  text  as  a  movie  clip  preserves  the  editability  of  compatible  visual  effects. 

Editable  Text  By  default,  Illustrator  text  imports  as  editable  Flash  Pro  text.  The  appearance  of  the  text  can  be 
compromised  to  maintain  the  editability  of  the  text. 

Vector  Outlines  Converts  text  to  vector  paths.  Use  this  option  to  preserve  the  visual  appearance  of  the  text.  Some  visual 
effects  might  be  sacrificed — such  as  unsupported  blend  modes  and  filters — but  visual  attributes  such  as  text  on  a  path 
are  maintained  if  the  text  is  imported  as  a  movie  clip.  The  text  itself  is  no  longer  editable,  but  opacity  and  compatible 
blend  modes  maintain  their  editability.nofc:  To  preserve  the  drop  shadow,  inner  glow,  outer  glow,  and  Gaussian  blur  that 
AI  effects  applied  to  text  as  editable  Flash  Pro  filters,  select  Create  Movie  Clip  Import  to  import  the  text  as  a  movie  clip. 

Bitmap  Rasterizes  the  text  into  a  bitmap  to  preserve  the  exact  appearance  of  the  text  as  it  was  in  Illustrator.  If  filters  or 
other  effects  are  applied  that  are  not  compatible  with  Flash  Pro,  importing  the  text  as  a  bitmap  preserves  the  visual 
appearance.  Rasterized  text  is  no  longer  editable. 

Path  import  options 

A  path  is  the  line  that  results  from  drawing  in  Illustrator.  A  path  is  either  open,  like  an  arc,  or  closed,  like  a  circle.  For 
an  open  path,  the  starting  and  ending  anchor  points  for  the  path  are  called  endpoints.  Editable  paths  can  be  imported 
into  Flash  Pro,  however,  if  certain  blend  modes,  filters,  or  other  effects  are  applied  to  the  path,  those  effects  might  not 
be  compatible  with  Flash  Pro. 

Bitmap  Rasterizes  the  path  into  a  bitmap  to  preserve  the  exact  appearance  of  the  path  in  Illustrator.  A  rasterized  image 
is  no  longer  editable. 

Editable  Path  Creates  an  editable  vector  path.  Supported  blend  modes,  effects,  and  object  transparency  are  preserved, 
but  attributes  not  supported  in  Flash  Pro  are  discarded. 

Image  import  options 

Bitmap  images  are  the  most  common  electronic  medium  for  continuous-tone  images,  such  as  photographs  or  digital 
paintings.  Illustrator  creates  bitmap  effects  by  using  filters,  effects,  and  graphic  styles.  While  many  of  these  effects  are 
compatible  with  Flash  Pro,  some  might  need  to  be  flattened — or  rasterized — to  preserve  their  visual  appearance,  note: 
If  a  raster  file  in  Illustrator  is  linked,  only  JPEG,  GIF,  and  PNG  are  imported  with  their  native  format  preserved.  All  other 
file  types  are  converted  to  the  PNG  format  in  Flash  Pro.  Additionally,  the  conversion  (to  PNG)  depends  on  the  version  of 
QuickTime *  installed  on  your  computer. 

Flatten  Bitmap  To  Maintain  Appearance  Rasterizes  the  image  into  a  bitmap  to  preserve  the  appearance  of  blending 
modes  and  effects  that  are  not  supported  in  Flash  Pro.  A  rasterized  image  is  no  longer  editable. 

Create  Movie  Clip  Imports  Illustrator  images  as  movie  clips. 

(Flash  Professional  CS6  and  earlier  versions  only)  Group  import  options 

Groups  are  collections  of  graphic  objects  that  are  treated  as  a  single  unit.  Grouping  lets  you  move  or  transform  a 
number  of  objects  without  affecting  their  attributes  or  relative  positions.  For  example,  you  might  group  the  objects  in 
a  logo  design  so  that  you  can  move  and  scale  the  logo  as  one  unit.  Groups  can  also  be  nested.  That  is,  they  can  be 
grouped  in  other  objects  or  groups  to  form  larger  groups. 
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Groups  appear  as  <Group>  items  in  the  Import  panel.  When  an  item  such  as  a  group  contains  other  items,  a  triangle 
appears  to  the  left  of  the  item’s  name.  Click  the  triangle  to  show  or  hide  the  contents  of  the  group.  If  no  triangle  appears, 
the  item  contains  no  additional  items. 

Import  As  Bitmap  Rasterizes  the  group  into  a  bitmap  to  preserve  the  appearance  of  the  objects  as  they  appeared  in 
Illustrator.  After  a  group  is  converted  to  a  bitmap,  the  objects  in  it  cannot  be  selected  or  renamed. 

Create  Movie  Clip  Encapsulates  all  objects  in  the  group  into  a  single  movie  clip. 


Copy  and  pasting  between  Illustrator  and  Flash 

If  you  copy  and  paste  (or  drag-and-drop)  artwork  between  Illustrator  and  Flash  Pro,  the  Paste  dialog  box  appears, 
which  provides  import  settings  for  the  AI  file  being  copied  (or  pasted). 

Paste  As  Bitmap  Flattens  the  file  being  copied  into  a  single  bitmap  object. 

Paste  Using  AI  File  Importer  Preferences  Imports  the  file  using  the  AI  file  import  setting  specified  in  Flash  Pro 
Preferences  (Edit  >  Preferences). 

Apply  Recommended  Import  Settings  To  Resolve  Incompatibilities  Enabled  by  default  when  Paste  Using  AI  File 
Importer  Preferences  is  selected.  Automatically  fixes  any  incompatibilities  detected  in  the  AI  file. 

Maintain  Layers  Enabled  by  default  when  Paste  Using  AI  File  Importer  Preferences  is  selected.  Specifies  that  layers  in 
the  AI  file  be  converted  to  Flash  Pro  layers  (the  same  as  if  you  selected  Convert  To  Flash  Layers  from  the  AI  Import 
dialog  box).  If  deselected,  all  layers  are  flattened  into  a  single  layer. 

More  Help  topics 


Working  with  InDesign  files  inFlash 

You  can  import  InDesign  artwork  using  the  XFL  file  format  exported  from  InDesign  CS4,  or  the  FLA  file  format 
exported  from  InDesign  CS5.  For  more  information  about  the  XFL  file  format,  see  . 

The  following  video  tutorials  demonstrate  using  the  XFL  and  FLA  formats  to  move  content  from  InDesign  to  Flash 
Professional: 

•  How  to  import  content  from  Adobe  InDesign  CS5  into  Adobe  Flash  Professional  CS5  (4:49,  WonderHowTo.com, 
exporting  FLA  format  from  InDesign  for  import  to  Flash  Professional.) 

•  Understanding  Flash  Integration  (5:10,  Adobe  TV,  InDesign  import.) 

•  Using  InDesign  Export  to  Flash  (6:22,  Adobe  TV,  Using  XFL.) 

•  Design  and  develop  workflows  (4:49,  Adobe  TV,  InDesign  to  Flash  via  XFL.) 

•  Flash  Downunder  -  InDesign  to  Flash  (28:38,  Adobe  TV,  Comprehensive  overview  in  CS4.) 

•  Design  workflows  with  Creative  Suite  4  (3:34,  Adobe  TV,  InDesign,  Illustrator,  Flash) 


Working  with  symbol  instances 
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Create  instances 

After  you  create  a  symbol,  you  can  create  instances  of  that  symbol  throughout  your  document,  including  inside  other 
symbols.  When  you  modify  the  symbol,  Flash  Professional  updates  all  instances  of  the  symbol. 

You  can  give  names  to  instances  from  the  Property  inspector.  Use  the  instance  name  to  refer  to  an  instance  in 
ActionScript.  To  control  instances  with  ActionScript*,  give  each  instance  within  a  single  timeline  a  unique  name.  For 
more  information,  see  Handling  events  in  Learning  ActionScript  2.0  in  Adobe  Flash  or  Handling  events  in  the 
ActionScript  3.0  Developer’s  Guide. 

To  specify  color  effects,  assign  actions,  set  the  graphic  display  mode,  or  change  the  behavior  of  new  instances,  use  the 
Property  inspector.  The  behavior  of  the  instance  is  the  same  as  the  symbol  behavior,  unless  you  specify  otherwise.  Any 
changes  you  make  affect  only  the  instance  and  not  the  symbol. 

Create  an  instance  of  a  symbol 

1  Select  a  layer  in  the  Timeline.  Flash  Professional  can  place  instances  only  in  keyframes,  always  on  the  current  layer. 
If  you  don’t  select  a  keyframe,  Flash  Professional  adds  the  instance  to  the  first  keyframe  to  the  left  of  the  current 
frame. 

Note:  A  keyframe  is  a  frame  in  which  you  define  a  change  in  the  animation.  For  more  information,  see  Insert  frames  in 
the  Timeline. 

2  Select  Window  >  Library. 

3  Drag  the  symbol  from  the  library  to  the  Stage. 

4  If  you  created  an  instance  of  a  graphic  symbol,  to  add  the  number  of  frames  that  will  contain  the  graphic  symbol, 
select  Insert  >  Timeline  >  Frame. 

Apply  a  custom  name  to  an  instance 

1  Select  the  instance  on  the  Stage. 

2  Select  Window  >  Properties,  and  enter  a  name  in  the  Instance  Name  box. 

Editing  instance  properties 

Each  symbol  instance  has  its  own  properties  that  are  separate  from  the  symbol.  You  can  change  the  tint,  transparency, 
and  brightness  of  an  instance;  redefine  how  the  instance  behaves  (for  example,  change  a  graphic  to  a  movie  clip);  and 
specify  how  an  animation  plays  inside  a  graphic  instance.  You  can  also  skew,  rotate,  or  scale  an  instance  without 
affecting  the  symbol. 

In  addition,  you  can  name  a  movie  clip  or  button  instance  so  that  you  can  use  ActionScript  to  change  its  properties.  For 
more  information,  see  Classes  in  Learning  ActionScript  2.0  in  Adobe  Flash  or  Objects  and  classes  in  Learning 
ActionScript  3.0.  To  edit  instance  properties,  you  use  the  Property  inspector  (Windows  >  Properties). 

The  properties  of  an  instance  are  saved  with  it.  If  you  edit  a  symbol  or  relink  an  instance  to  a  different  symbol,  any 
instance  properties  you’ve  changed  still  apply  to  the  instance. 


Set  the  visibilty  of  an  instance  (CS5.5  only) 

You  can  make  a  symbol  instance  on  the  Stage  invisible  by  turning  off  the  Visible  property.  Using  the  Visible  property 
provides  faster  rendering  performance  than  setting  the  symbol’s  Alpha  property  to  0. 

The  Visible  property  requires  a  Player  setting  of  Flash  Player  10.2  or  later  and  is  only  compatible  with  movie  clip, 
button,  and  component  instances. 

1  Select  the  instance  on  the  Stage. 
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2  In  the  Display  section  of  the  Properties  panel,  deselect  the  Visible  property. 

Change  the  color  and  transparency  of  an  instance 

Each  instance  of  a  symbol  can  have  its  own  color  effect.  To  set  color  and  transparency  options  for  instances,  use  the 
Property  inspector.  Settings  in  the  Property  inspector  also  affect  bitmaps  placed  in  symbols. 

When  you  change  the  color  and  transparency  for  an  instance  in  a  specific  frame,  Flash  Professional  makes  the  change 
as  soon  as  it  displays  that  frame.  To  make  gradual  color  changes,  apply  a  motion  tween.  When  tweening  color,  you  enter 
different  effect  settings  in  starting  and  ending  keyframes  of  an  instance,  and  then  tween  the  settings  to  make  the 
instance’s  colors  shift  over  time. 


Note:  If  you  apply  a  color  effect  to  a  movie  clip  symbol  that  has  multiple  frames,  Flash  Professional  applies  the  effect  to  every 
frame  in  the  movie  clip  symbol. 

1  Select  the  instance  on  the  Stage,  and  select  Window  >  Properties. 

2  In  the  Property  inspector,  select  one  of  the  following  options  from  the  Style  menu  in  the  Color  Effect  section: 

Brightness  Adjusts  the  relative  lightness  or  darkness  of  the  image,  measured  on  a  scale  from  black  (-100%)  to  white 
(100%).  To  adjust  brightness,  click  the  triangle  and  drag  the  slider  or  enter  a  value  in  the  box. 

Tint  Colors  the  instance  with  the  same  hue.  To  set  the  tint  percentage  from  transparent  (0%)  to  completely  saturated 
(100%),  use  the  Tint  slider  in  the  Property  inspector.  To  adjust  tint,  click  the  triangle  and  drag  the  slider  or  enter  a 
value  in  the  box.  To  select  a  color,  enter  red,  green,  and  blue  values  in  the  respective  boxes,  or  click  the  Color  control 
and  select  a  color  from  the  Color  Picker. 

Alpha  Adjusts  the  transparency  of  the  instance,  from  transparent  (0%)  to  completely  saturated  (100%).  To  adjust 
the  alpha  value,  click  the  triangle  and  drag  the  slider  or  enter  a  value  in  the  box. 

Advanced  Separately  adjusts  the  red,  green,  blue,  and  transparency  values  of  an  instance.  This  is  most  useful  to 
create  and  animate  subtle  color  effects  on  objects  such  as  bitmaps.  The  controls  on  the  left  let  you  reduce  the  color 
or  transparency  values  by  a  specified  percentage.  The  controls  on  the  right  let  you  reduce  or  increase  the  color  or 
transparency  values  by  a  constant  value. 
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The  current  red,  green,  blue,  and  alpha  values  are  multiplied  by  the  percentage  values,  and  then  added  to  the 
constant  values  in  the  right  column,  producing  the  new  color  values.  For  example,  if  the  current  red  value  is  100, 
setting  the  left  slider  to  50%  and  the  right  slider  to  100%  produces  a  new  red  value  of  150  ([100  x  .5]  +  100  =  150). 

note:  The  Advanced  settings  in  the  Effect  panel  implement  the  function  (a  *y+  b)=x  where  a  is  the  percentage  specified 
in  the  left  set  of  boxes,  y  is  the  color  of  the  original  bitmap,  b  is  the  value  specified  in  the  right  set  of  boxes,  and  x  is  the 
resulting  effect  (between  0  and  255  for  RGB,  and  0  and  100  for  alpha  transparency). 

You  can  also  change  the  color  of  an  instance  using  the  ActionScript  ColorTransform  object.  For  detailed 
information  on  the  Color  object,  see  ColorTransform  in  ActionScript  2.0  Language  Reference  or  ActionScript  3.0 
Language  and  Components  Reference. 


Swap  one  instance  for  another 

To  display  a  different  instance  on  the  Stage  and  preserve  all  the  original  instance  properties,  such  as  color  effects  or 
button  actions,  assign  a  different  symbol  to  an  instance. 

For  example,  suppose  you’re  creating  a  cartoon  with  a  rat  symbol  for  your  character,  but  decide  to  change  the  character 
to  a  cat.  You  could  replace  the  rat  symbol  with  the  cat  symbol  and  have  the  updated  character  appear  in  roughly  the 
same  location  in  all  your  frames. 

Assign  a  different  symbol  to  an  instance 

1  Select  the  instance  on  the  Stage,  and  select  Window  >  Properties. 

2  Click  the  Swap  button  in  the  Property  inspector. 

3  Select  a  symbol  to  replace  the  symbol  currently  assigned  to  the  instance.  To  duplicate  a  selected  symbol,  click 
Duplicate  Symbol  and  click  OK. 

Duplicating  lets  you  base  a  new  symbol  on  an  existing  one  in  the  library  and  minimizes  copying  if  you’re  making 
several  symbols  that  differ  slightly. 

Replace  all  instances  of  a  symbol 

❖  Drag  a  symbol  with  the  same  name  as  the  symbol  you  are  replacing  from  one  Library  panel  into  the  Library  panel 
of  the  FLA  file  you  are  editing  and  click  Replace.  If  you  have  folders  in  the  library,  the  new  symbol  must  be  dragged 
into  the  same  folder  as  the  symbol  you  are  replacing. 


Change  an  instance's  type 

To  redefine  an  instance’s  behavior  in  a  Flash  Professional  application,  change  its  type.  For  example,  if  a  graphic  instance 
contains  animation  that  you  want  to  play  independently  of  the  main  Timeline,  redefine  the  graphic  instance  as  a  movie 
clip  instance. 

1  Select  the  instance  on  the  Stage,  and  select  Window  >  Properties. 

2  Select  Graphic,  Button,  or  Movie  Clip  from  the  menu  in  the  Property  inspector. 

Set  looping  for  a  graphic  instance 

To  determine  how  animation  sequences  inside  a  graphic  instance  play  in  your  Flash  Professional  application,  set 
options  in  the  Property  inspector. 
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An  animated  graphic  symbol  is  tied  to  the  Timeline  of  the  document  in  which  the  symbol  is  placed.  In  contrast,  a  movie 
clip  symbol  has  its  own  independent  Timeline.  Animated  graphic  symbols,  because  they  use  the  same  Timeline  as  the 
main  document,  display  their  animation  in  document-editing  mode.  Movie  clip  symbols  appear  as  static  objects  on  the 
Stage  and  do  not  appear  as  animations  in  the  Flash  Professional  editing  environment. 

1  Select  a  graphic  instance  on  the  Stage,  and  select  Window  >  Properties. 

2  Select  an  animation  option  from  the  Options  menu  in  the  Looping  section  of  the  Property  inspector: 

Loop  Loops  all  the  animation  sequences  contained  in  the  current  instance  for  as  many  frames  as  the  instance 
occupies. 

Play  Once  Plays  the  animation  sequence  beginning  from  the  frame  you  specify  to  the  end  of  the  animation  and  then 
stops. 

Single  Frame  Displays  one  frame  of  the  animation  sequence.  Specify  which  frame  to  display. 

3  To  specify  the  first  frame  of  the  graphic  symbol  to  display  when  looping,  enter  a  frame  number  in  the  First  text  box. 
The  Single  Frame  option  also  uses  the  frame  number  you  specify  here. 


Break  apart  a  symbol  instance 

To  break  the  link  between  an  instance  and  a  symbol  and  make  the  instance  into  a  collection  of  ungrouped  shapes  and 
lines,  you  break  apart  the  instance.  This  feature  is  useful  for  changing  the  instance  substantially  without  affecting  any 
other  instance.  For  example,  you  must  break  apart  an  instance  before  applying  a  shape  tween  to  it. 

Changes  to  the  source  symbol  for  an  instance  do  not  affect  an  instance  after  it  has  been  broken  apart. 

1  Select  the  instance  on  the  Stage. 

2  Select  Modify  >  Break  Apart.  This  action  breaks  the  instance  into  its  component  graphic  elements. 

3  To  modify  these  elements,  use  the  painting  and  drawing  tools. 

Get  information  about  instances  on  the  Stage 

The  Property  inspector  and  Info  panel  display  the  following  information  about  instances  selected  on  the  Stage: 

•  In  the  Property  inspector,  view  the  instance’s  behavior  and  settings — for  all  instance  types,  color  effect  settings, 
location,  and  size;  for  graphics,  the  loop  mode  and  first  frame  that  contains  the  graphic;  for  buttons,  the  instance 
name  (if  assigned)  and  tracking  option;  for  movie  clips,  the  instance  name  (if  assigned).  For  location,  the  Property 
inspector  displays  the  x  and  y  coordinates  of  the  symbol’s  registration  point. 

•  In  the  Info  panel,  view  the  instance’s  size  and  location;  the  location  of  its  registration  point;  its  red  (R),  green  (G), 
blue  (B),  and  alpha  (A)  values  (if  the  instance  has  a  solid  fill);  and  the  location  of  the  pointer.  The  Position  and  Size 
section  on  the  Properties  Inspector  displays  the  x  and  y  coordinates  of  either  the  symbol’s  registration  point  or 
tranformation  point.  You  can  toggle  to  view  coordinates  of  either  the  registration  point  or  transformation  point. 

•  In  the  Movie  Explorer,  view  the  contents  of  the  current  document,  including  instances  and  symbols. 

View  any  actions  assigned  to  a  button  or  movie  clip  in  the  Actions  panel. 

Get  information  about  an  instance 

1  Select  the  instance  on  the  Stage. 

2  Display  the  Property  inspector  (Window  >  Properties)  or  panel  to  use: 

•  To  display  the  Info  panel,  select  Window  >  Info. 

•  To  display  the  Movie  Explorer,  select  Window  >  Movie  Explorer. 
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•  To  display  the  Actions  panel,  select  Window  >  Actions. 

View  the  symbol  definition  for  the  selected  symbol  in  the  Movie  Explorer 

1  Click  the  Show  Buttons,  Movie  Clips,  and  Graphics  button  at  the  top  of  the  Movie  Explorer. 

2  Right-click  (Windows)  or  Control-click  (Macintosh),  and  select  Show  Symbol  Instances  and  Go  To  Symbol 
Definition;  or  select  these  options  from  the  menu  in  the  upper-right  corner  of  the  Movie  Explorer. 

Jump  to  the  scene  containing  instances  of  a  selected  symbol 

1  Display  the  symbol  definitions. 

2  Right-click  (Windows)  or  Control-click  (Macintosh),  and  select  Show  Movie  Elements  and  Go  To  Symbol 
Definition;  or  select  these  options  from  the  menu  in  the  upper-right  corner  of  the  Movie  Explorer. 

More  Help  topics 

Add  classic  tween  animation  to  an  instance,  a  group,  or  text 
Creating  buttons 


Working  with  symbols 


About  symbols 

A  symbol  is  a  graphic,  button,  or  movie  clip  that  you  create  once  in  the  Flash  Professional  authoring  environment  or  by 
using  the  SimpleButton  (AS  3.0)  and  MovieClip  classes.  You  can  then  reuse  the  symbol  throughout  your  document  or 
in  other  documents. 

A  symbol  can  include  artwork  that  you  import  from  another  application.  Any  symbol  that  you  create  automatically 
becomes  part  of  the  library  for  the  current  document. 

An  instance  is  a  copy  of  a  symbol  located  on  the  Stage  or  nested  inside  another  symbol.  An  instance  can  be  different 
from  its  parent  symbol  in  color,  size,  and  function.  Editing  the  symbol  updates  all  of  its  instances,  but  applying  effects 
to  an  instance  of  a  symbol  updates  only  that  instance. 

Using  symbols  in  your  documents  dramatically  reduces  file  size;  saving  several  instances  of  a  symbol  requires  less 
storage  space  than  saving  multiple  copies  of  the  contents  of  the  symbol.  For  example,  you  can  reduce  the  file  size  of  your 
documents  by  converting  static  graphics,  such  as  background  images,  into  symbols  and  then  reusing  them.  Using 
symbols  can  also  speed  SWF  file  playback,  because  a  symbol  needs  to  be  downloaded  to  Flash*  Player  only  once. 

Share  symbols  among  documents  as  shared  library  assets  during  authoring  or  at  runtime.  For  runtime  shared  assets, 
you  can  link  assets  in  a  source  document  to  any  number  of  destination  documents,  without  importing  the  assets  into 
the  destination  document.  For  assets  shared  during  authoring,  you  can  update  or  replace  a  symbol  with  any  other 
symbol  available  on  your  local  network. 

If  you  import  library  assets  with  the  same  name  as  assets  already  in  the  library,  you  can  resolve  naming  conflicts  without 
accidentally  overwriting  existing  assets. 

Additional  introductory  instruction  about  symbols  is  available  from  these  resources: 

•  Adobe  TV:  Understanding  symbols  (2:28) 
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•  Adobe  Video  Workshop:  Creating  and  using  symbols  and  instances  (CS3)  (7:12)  (This  video  focuses  on  Flash 
Professional  CS3,  but  the  information  is  still  relevant.) 

•  Flash  Professional  Design  Center  article:  Using  Flash  for  the  first  time  -  Part  1:  Building  a  banner 

Types  of  symbols 

Each  symbol  has  a  unique  Timeline  and  Stage,  complete  with  layers.  You  can  add  frames,  keyframes,  and  layers  to  a 

symbol  Timeline,  just  as  you  can  to  the  main  Timeline.  When  you  create  a  symbol  you  choose  the  symbol  type. 

•  Use  graphic  symbols  '!d  for  static  images  and  to  create  reusable  pieces  of  animation  that  are  tied  to  the  main 
Timeline.  Graphic  symbols  operate  in  sync  with  the  main  Timeline.  Interactive  controls  and  sounds  won’t  work  in  a 
graphic  symbol’s  animation  sequence.  Graphic  symbols  add  less  to  the  FLA  file  size  than  buttons  or  movie  clips 
because  they  have  no  timeline. 

•  Use  button  symbols  r^>  to  create  interactive  buttons  that  respond  to  mouse  clicks,  rollovers,  or  other  actions.  You 
define  the  graphics  associated  with  various  button  states,  and  then  assign  actions  to  a  button  instance.  For  more 
information,  see  Handling  events  in  Learning  ActionScript  2.0  in  Adobe  Flash  or  Handling  events  in  the 
ActionScript  3.0  Developer’s  Guide. 

•  Use  movie  clip  symbols  IT'  to  create  reusable  pieces  of  animation.  Movie  clips  have  their  own  multiframe  Timeline 
that  is  independent  from  the  main  Timeline — think  of  them  as  nested  inside  a  main  Timeline  that  can  contain 
interactive  controls,  sounds,  and  even  other  movie  clip  instances.  You  can  also  place  movie  clip  instances  inside  the 
Timeline  of  a  button  symbol  to  create  animated  buttons.  In  addition,  movie  clips  are  scriptable  with  ActionScript*. 

•  Use  font  symbols  to  export  a  font  and  use  it  in  other  Flash  Professional  documents. 

Flash  Professional  provides  built-in  components ,  movie  clips  with  defined  parameters,  that  you  can  use  to  add  user 
interface  elements,  such  as  buttons,  checkboxes,  or  scroll  bars,  to  your  documents.  For  more  information,  see  About 
Components  in  Using  ActionScript  2.0  Components,  or  About  ActionScript  3.0  Components  in  Using  ActionScript 
3.0  Components. 

note:  To  preview  animation  in  component  instances  and  scaling  of  9-slice-scaled  movie  clips  in  the  Flash  Professional 
authoring  environment,  select  Control  >  Enable  Live  Preview. 


Create  symbols 

You  can  create  a  symbol  from  selected  objects  on  the  Stage,  create  an  empty  symbol  and  make  or  import  the  content  in 
symbol-editing  mode,  and  create  font  symbols  in  Flash  Professional.  Symbols  can  contain  all  the  functionality  that 
Flash  Professional  can  create,  including  animation. 

Using  symbols  that  contain  animation  lets  you  create  Flash  Professional  applications  with  a  lot  of  movement  while 
minimizing  file  size.  Consider  creating  animation  in  a  symbol  that  has  a  repetitive  or  cyclic  action — the  up-and-down 
motion  of  a  bird’s  wings,  for  example. 

To  add  symbols  to  your  document,  use  shared  library  assets  during  authoring  or  at  runtime. 

Convert  selected  elements  to  a  symbol 

1  Select  an  element  or  several  elements  on  the  Stage.  Do  one  of  the  following: 

•  Select  Modify  >  Convert  To  Symbol. 

•  Drag  the  selection  to  the  Library  panel. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  and  select  Convert  To  Symbol  from  the  context  menu. 

2  In  the  Convert  To  Symbol  dialog  box,  type  the  name  of  the  symbol  and  select  the  behavior. 

3  Click  in  the  registration  grid  to  position  the  registration  point  for  the  symbol. 
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4  Click  OK. 

Flash  Professional  adds  the  symbol  to  the  library.  The  selection  on  the  Stage  becomes  an  instance  of  the  symbol. 
Once  you  have  created  a  symbol,  you  can  edit  it  in  symbol  edit  mode  by  choosing  Edit  >  Edit  Symbols,  or  you  can 
edit  it  in  the  context  of  the  Stage  by  choosing  Edit  >  Edit  In  Place.  You  can  also  change  the  registration  point  of  a 
symbol. 

Create  an  empty  symbol 

1  Do  one  of  the  following: 

•  Select  Insert  >  New  Symbol. 

•  Click  the  New  Symbol  button  at  the  lower  left  of  the  Library  panel. 

•  Select  New  Symbol  from  the  Library  Panel  menu  in  the  upper-right  corner  of  the  Library  panel. 

2  In  the  Create  New  Symbol  dialog  box,  type  the  name  of  the  symbol  and  select  the  behavior. 

3  Click  OK. 

Flash  Professional  adds  the  symbol  to  the  library  and  switches  to  symbol-editing  mode.  In  symbol-editing  mode, 
the  name  of  the  symbol  appears  above  the  upper-left  corner  of  the  Stage,  and  a  cross  hair  indicates  the  symbol’s 
registration  point. 

4  To  create  the  symbol  content,  use  the  Timeline,  draw  with  the  drawing  tools,  import  media,  or  create  instances  of 
other  symbols. 

5  To  return  to  document-editing  mode,  do  one  of  the  following: 

•  Click  the  Back  button. 

•  Select  Edit  >  Edit  Document. 

•  Click  the  scene  name  in  the  Edit  bar. 

When  you  create  a  symbol,  the  registration  point  is  placed  at  the  center  of  the  window  in  symbol-editing  mode. 
You  can  place  the  symbol  contents  in  the  window  in  relation  to  the  registration  point.  To  change  the  registration 
point,  when  you  edit  a  symbol,  move  the  symbol  contents  in  relation  to  the  registration  point. 

6  In  the  ActionScript  Linkage  section,  you  can  choose  to  export  for  ActionScript  by  selecting  the  Export  for 
ActionScript  checkbox.  The  Class  and  Base  Class  are  automatically  displayed  (you  can  choose  to  rename  the  class 
names).  Flash  Pro  searches  for  class  definitions  in  an  external  AS  file  or  a  linked  SWC  file.  If  the  class  definitions  are 
not  found  in  these  locations,  Flash  Pro  automatically  generates  class  files.  For  more  information,  see  this  article. 

(Flash  Professional  CC  only)  Swapping  multiple  symbols 

The  Swap  Symbol  option  allows  you  to  swap  symbols  with  a  selected  symbol  or  bitmaps. 

1  In  Flash  Pro  CC,  select  multiple  symbols  on  the  stage. 

2  On  the  Properties  panel,  click  SWAP. 

3  On  the  Swap  Symbol  dialog,  select  the  symbol  you  want  to  replace  all  selected  symbols/bitmaps  with. 

4  Click  OK. 
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Convert  animation  on  the  Stage  into  a  movie  clip  symbol 

To  reuse  an  animated  sequence  on  the  Stage,  or  to  manipulate  it  as  an  instance,  select  it  and  save  it  as  a  movie  clip 
symbol. 

1  On  the  main  Timeline,  select  every  frame  in  every  layer  of  the  animation  on  the  Stage  that  you  want  to  use.  For 
information  on  selecting  frames,  see  Insert  frames  in  the  Timeline. 

2  Do  one  of  the  following  to  copy  the  frames: 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  any  selected  frame,  and  select  Copy  Frames  from  the 
context  menu.  To  delete  the  sequence  after  converting  it  to  a  movie  clip,  select  Cut. 

•  Select  Edit  >  Timeline  >  Copy  Frames.  To  delete  the  sequence  after  converting  it  to  a  movie  clip,  select  Cut 
Frames. 

3  Deselect  your  selection  and  make  sure  nothing  on  the  Stage  is  selected.  Select  Insert  >  New  Symbol. 

4  Name  the  symbol.  For  Type,  select  Movie  Clip,  then  click  OK. 

5  On  the  Timeline,  click  Frame  1  on  Layer  1,  and  select  Edit  >  Timeline  >  Paste  Frames. 

This  action  pastes  the  frames  (and  any  layers  and  layer  names)  you  copied  from  the  main  Timeline  to  the  Timeline 
of  this  movie  clip  symbol.  Any  animation,  buttons,  or  interactivity  from  the  frames  you  copied  now  becomes  an 
independent  animation  (a  movie  clip  symbol)  that  you  can  reuse. 

6  To  return  to  document-editing  mode,  do  one  of  the  following: 

•  Click  the  Back  button. 

•  Select  Edit  >  Edit  Document. 

•  Click  the  scene  name  in  the  Edit  bar  above  the  Stage. 

Duplicate  symbols 

Duplicating  a  symbol  lets  you  use  an  existing  symbol  as  a  starting  point  for  creating  a  symbol. 

To  create  versions  of  the  symbol  with  different  appearances,  also  use  instances. 

Duplicate  a  symbol  using  the  Library  panel 

❖  Select  a  symbol  in  the  Library  panel  and  do  one  of  the  following: 

•  Right-click  (Windows)  or  Control-click  (Macintosh),  and  select  Duplicate  from  the  context  menu. 

•  Select  Duplicate  from  the  Library  Panel  menu. 

Duplicate  a  symbol  by  selecting  an  instance 

1  Select  an  instance  of  the  symbol  on  the  Stage. 

2  Select  Modify  >  Symbol  >  Duplicate  Symbol. 

The  symbol  is  duplicated,  and  the  instance  is  replaced  with  an  instance  of  the  duplicate  symbol. 
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Edit  symbols 

When  you  edit  a  symbol,  Flash  Professional  updates  all  the  instances  of  that  symbol  in  your  document.  Edit  the  symbol 
in  the  following  ways: 

•  In  context  with  the  other  objects  on  the  Stage  by  using  the  Edit  In  Place  command.  Other  objects  are  dimmed  to 
distinguish  them  from  the  symbol  you  are  editing.  The  name  of  the  symbol  you  are  editing  appears  in  an  Edit  bar  at 
the  top  of  the  Stage,  to  the  right  of  the  current  scene  name. 

•  In  a  separate  window,  using  the  Edit  In  New  Window  command.  Editing  a  symbol  in  a  separate  window  lets  you  see 
the  symbol  and  the  main  Timeline  at  the  same  time.  The  name  of  the  symbol  you  are  editing  appears  in  the  Edit  bar 
at  the  top  of  the  Stage. 

You  edit  the  symbol  by  changing  the  window  from  the  Stage  view  to  a  view  of  only  the  symbol,  using  symbol-editing 
mode.  The  name  of  the  symbol  you  are  editing  appears  in  the  Edit  bar  at  the  top  of  the  Stage,  to  the  right  of  the 
current  scene  name. 

When  you  edit  a  symbol,  Flash  Professional  updates  all  instances  of  the  symbol  throughout  the  document  to  reflect 
your  edits.  While  editing  a  symbol,  use  any  of  the  drawing  tools,  import  media,  or  create  instances  of  other  symbols. 

•  Change  the  registration  point  of  a  symbol  (the  point  identified  by  the  coordinates  0,  0)  by  using  any  symbol-editing 
method. 


Edit  a  symbol  in  place 

1  Do  one  of  the  following: 

•  Double-click  an  instance  of  the  symbol  on  the  Stage. 

•  Select  an  instance  of  the  symbol  on  the  Stage  and  right-click  (Windows)  or  Control-click  (Macintosh),  and  select 
Edit  in  Place. 

•  Select  an  instance  of  the  symbol  on  the  Stage,  and  select  Edit  >  Edit  In  Place. 

2  Edit  the  symbol. 

3  To  exit  edit-in-place  mode  and  return  to  document-editing  mode,  do  one  of  the  following: 

•  Click  the  Back  button. 

•  Select  the  current  scene  name  from  the  Scene  menu  in  the  Edit  bar. 

•  Select  Edit  >  Edit  Document. 

•  Double-click  outside  the  symbol  content. 

Edit  a  symbol  in  a  new  window 

1  Select  an  instance  of  the  symbol  on  the  Stage  and  right-click  (Windows)  or  Control-click  (Macintosh),  and  select 
Edit  In  New  Window. 

2  Edit  the  symbol. 

3  Click  the  Close  box  in  the  upper-right  corner  (Windows)  or  upper-left  corner  (Macintosh)  to  close  the  new  window, 
and  click  in  the  main  document  window  to  return  to  editing  the  main  document. 

Edit  a  symbol  in  symbol-editing  mode 

1  Do  one  of  the  following  to  select  the  symbol: 

•  Double-click  the  symbol’s  icon  in  the  Library  panel. 
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•  Select  an  instance  of  the  symbol  on  the  Stage,  and  right-click  (Windows)  or  Control-click  (Macintosh),  and  select 
Edit  from  the  context  menu. 

•  Select  an  instance  of  the  symbol  on  the  Stage  and  select  Edit  >  Edit  Symbols. 

•  Select  the  symbol  in  the  Library  panel  and  select  Edit  from  the  Library  Panel  menu,  or  right-click  (Windows)  or 
Control-click  (Macintosh)  the  symbol  in  the  Library  panel  and  select  Edit. 

2  Edit  the  symbol. 

3  To  exit  symbol-editing  mode  and  return  to  editing  the  document,  do  one  of  the  following: 

•  Click  the  Back  button  at  the  left  of  the  Edit  bar  at  the  top  of  the  Stage. 

•  Select  Edit  >  Edit  Document. 

•  Click  the  scene  name  in  the  Edit  bar  at  the  top  of  the  Stage. 

•  Double-click  outside  the  symbol  content. 

More  Help  topics 

Creating  buttons 

Sharing  library  assets  at  runtime 
Work  with  libraries 

Embed  fonts  for  consistent  text  appearance 
Editing  instance  properties 
Sharing  library  assets  at  runtime 
Embed  fonts  for  consistent  text  appearance 


Working  with  Adobe  Premiere  Proand  After  Effects 


Working  with  Adobe  Premiere  Pro  and  Adobe  Flash 

Adobe  Premiere  Pro  is  a  professional  tool  for  editing  video.  If  you  use  Adobe  Flash  Professional  to  design  interactive 
content  for  websites  or  mobile  devices,  you  can  use  Adobe  Premiere  Pro  to  edit  the  movies  for  those  projects.  Adobe 
Premiere  Pro  gives  you  professional  tools  for  frame- accurate  video  editing,  including  tools  for  optimizing  video  files 
for  playback  on  computer  screens  and  mobile  devices. 

Adobe  Flash  Professional  is  a  tool  for  incorporating  video  footage  into  presentations  for  the  web  and  mobile  devices. 
Adobe  Flash  offers  technological  and  creative  benefits  that  let  you  fuse  video  with  data,  graphics,  sound,  and  interactive 
control.  The  FLV  and  F4V  formats  let  you  put  video  on  a  web  page  in  a  format  that  almost  anyone  can  view. 

You  can  export  FLV  and  F4V  files  from  Adobe  Premiere  Pro.  You  can  embed  those  files  into  interactive  websites  or 
applications  for  mobile  devices  with  Adobe  Flash.  Adobe  Flash  can  import  sequence  markers  you  add  in  an  Adobe 
Premiere  Pro  sequence  as  cue  points.  You  can  use  these  cue  points  to  trigger  events  in  SWF  files  on  playback. 

If  you  export  video  files  in  other  standard  formats,  Adobe  Flash  can  encode  your  videos  within  rich  media  applications. 
Adobe  Flash  uses  the  latest  compression  technologies  to  deliver  the  greatest  quality  possible  at  small  file  sizes. 
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Moving  assets  between  Adobe  Premiere  Pro  and  Adobe  Flash 

In  Adobe  Premiere  Pro,  you  can  add  Flash  cue  point  markers  to  a  timeline.  Flash  cue  point  markers  serve  as  cue  points 
in  a  rich  media  application.  There  are  two  types  of  cue  point  markers:  event  and  navigational  cue  point  markers.  You 
can  use  navigational  cue  point  markers  to  navigate  to  different  sections  of  FLV  and  F4V  files,  and  to  trigger  the  display 
of  onscreen  texts.  You  can  use  event  cue  point  markers  for  triggering  action  scripts  at  specified  times  in  FLV  and  F4V 
files. 

You  can  export  a  movie  from  Adobe  Premiere  Pro  directly  into  the  FLV  and  F4V  formats.  You  can  choose  from 
severalExport  Settings  presets.  These  presets  balance  file  size  against  audio  and  video  quality  to  achieve  the  bit  rate 
needed  for  any  target  audience  or  device.  If  you  export  the  movie  with  an  alpha  channel,  you  can  use  the  movie  easily 
used  as  a  layer  in  a  rich  media  project. 

You  can  import  the  FLV  or  F4V  file  into  Adobe  Flash.  Flash  reads  sequence  markers  as  navigational  or  event  cue  points. 
In  Flash,  you  can  also  customize  the  interface  that  surrounds  your  video. 

Alternatively,  you  can  use  Flash  to  create  animations  for  use  in  movies.  You  can  create  an  animation  in  Flash.  You  can 
export  the  animation  as  an  FLV  or  F4V  file.  Then,  you  can  import  the  FLV  or  F4V  file  into  Adobe  Premiere  Pro  for 
editing.  In  Adobe  Premiere  Pro,  for  example,  you  could  add  titles  or  mix  the  animation  with  other  video  sources. 


Working  with  Flash  and  After  Effects 

If  you  use  Adobe*  Flash*  to  create  video  or  animation,  you  can  use  After  Effects  to  edit  and  refine  the  video.  For 
example,  from  Flash  you  can  export  animations  and  applications  as  QuickTime  movies  or  Flash  Video  (FLV)  files.  You 
can  then  use  After  Effects  to  edit  and  refine  the  video. 

If  you  use  After  Effects  to  edit  and  composite  video,  you  can  then  use  Flash  to  publish  that  video.  You  can  also  export 
an  After  Effects  composition  as  XFL  content  for  further  editing  in  Flash. 

Flash  and  After  Effects  use  separate  terms  for  some  concepts  that  they  share  in  common,  including  the  following: 

•  A  composition  in  After  Effects  is  like  a  movie  clip  in  Flash  Professional. 

•  The  composition  frame  in  the  Composition  panel  is  like  the  Stage  in  Flash  Professional. 

•  The  Project  panel  in  After  Effects  is  like  the  Library  panel  in  Flash  Professional. 

•  Project  files  in  After  Effects  are  like  FLA  files  in  Flash  Professional. 

•  You  render  and  export  a  movie  from  After  Effects;  you  publish  a  SWF  file  from  Flash  Professional. 

Additional  resources 

The  following  video  tutorials  provide  additional  detailed  information  about  using  Flash  together  with  After  Effects: 

•  “Importing  and  exporting  XFL  files  between  Flash  and  After  Effects”  at  www.adobe.com/go/lrvid4098_xp. 

•  “Exporting  an  After  Effects  composition  to  Flash  Professional  using  SWF,  F4V/FLV,  and  XFL”  at 
www.adobe.com/go/lrvid4105_xp. 

•  “Converting  metadata  and  markers  to  cue  points  for  use  in  Flash”  at  www.adobe.com/go/lrvid41 1  l_xp. 

•  Michael  Coleman,  product  manager  for  After  Effects,  provides  a  video  of  a  presentation  from  Adobe  MAX  on 
Adobe  TV  in  which  he  demonstrates  the  use  of  mocha  for  After  Effects  and  Flash  together  to  dynamically  replace  a 
video  at  run  time  in  Flash  Player:  http://www.adobe.com/go/learn_aefl_vidl5383vl008_en 

•  Tom  Green  provides  a  brief  video  tutorial  on  the  Layers  Magazine  website  that  shows  how  to  use  the  XFL  format  to 
export  an  After  Effects  composition  for  use  in  Flash  Professional:  http://www.layersmagazine.com/exporting-xfl- 
fomrat-from-after-effects-to-flash.html 
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The  following  articles  provide  additional  information  about  using  Flash  and  After  Effects  together: 

•  Richard  Harrington  and  Marcus  Geduld  provide  an  excerpt,  "Flash  Essentials  for  After  EffectsUsers",  of  their  book 
After  Effects  for  Flash  \  Flash  for  After  Effects  on  the  Peachpit  website.  In  this  chapter,  Richard  and  Marcus  explain 
Flash  in  terms  that  an  After  Effects  user  can  understand.  http://www.peachpit.com/articles/article.aspxIpM350895 

•  Richard  Harrington  and  Marcus  Geduld  also  provide  "After  Effects  Essentials  for  Flash  Users",  another  excerpt  from 
their  book  After  Effects  for  Flash  \  Flash  for  After  Effects.  In  this  chapter,  Richard  and  Marcus  explain  After  Effects  in 
terms  that  a  Flash  user  can  understand.  http://www.peachpit.com/articles/article.aspx?p= 1350894 

•  Tom  Green  provides  a  detailed  article  titled  IntegratingFlash  Professional  CS4  with  After  Effects  CS4  in  the  Flash 
Developer  Center:  http://www.adobe.com/go/learn_aefl_integrating_fl_ae_en 

•  Robert  Powers  provides  a  video  tutorial  on  the  Slippery  Rock  NYC  website  that  shows  the  basics  of  using  After 
Effects  from  the  perspective  of  someone  who  is  familiar  withFlash  Professional. 

Exporting  QuickTime  video  from  Flash 

If  you  create  animations  or  applications  with  Flash,  you  can  export  them  as  QuickTime  movies  using  the  File  >  Export 
>  Export  Movie  command  in  Flash.  For  a  Flash  animation,  you  can  optimize  the  video  output  for  animation.  For  a  Flash 
application,  Flash  renders  video  of  the  application  as  it  runs,  allowing  the  user  to  manipulate  it.  This  lets  you  capture 
the  branches  or  states  of  your  application  that  you  want  to  include  in  the  video  file. 

Rendering  and  exporting  FLV  and  F4V  files  from  After  Effects 

When  you  render  finished  video  from  After  Effects,  select  FLV  or  F4V  as  the  output  format  to  render  and  export  video 
that  can  play  in  Flash  Player.  You  can  then  import  the  FLV  or  F4V  file  into  Flash  and  publish  it  in  a  SWF  file,  which  can 
be  played  by  Flash  Player. 

Importing  and  publishing  video  in  Flash 

When  you  import  an  FLV  or  F4V  file  into  Flash,  you  can  use  various  techniques,  such  as  scripting  or  Flash  components, 
to  control  the  visual  interface  that  surrounds  your  video.  For  example,  you  might  include  playback  controls  or  other 
graphics.  You  can  also  add  graphic  layers  on  top  of  the  FLV  or  F4V  file  for  composite  results. 

Composite  graphics,  animation,  and  video 

Flash  and  After  Effects  each  include  many  capabilities  that  allow  you  to  perform  complex  compositing  of  video  and 
graphics.  Which  application  you  choose  to  use  will  depend  on  your  personal  preferences  and  the  type  of  final  output 
you  want  to  create. 

Flash  is  the  more  web-oriented  of  the  two  applications,  with  its  small  final  file  size.  Flash  also  allows  for  run-time 
control  of  animation.  After  Effects  is  oriented  toward  video  and  film  production,  provides  a  wide  range  of  visual  effects, 
and  is  generally  used  to  create  video  files  as  final  output. 

Both  applications  can  be  used  to  create  original  graphics  and  animation.  Both  use  a  timeline  and  offer  scripting 
capabilities  for  controlling  animation  programmatically.  After  Effects  includes  a  larger  set  of  effects,  while  the  Flash 
ActionScript*  language  is  the  more  robust  of  the  two  scripting  environments. 

Both  applications  allow  you  to  place  graphics  on  separate  layers  for  compositing.  These  layers  can  be  turned  on  and  off 
as  needed.  Both  also  allow  you  to  apply  effects  to  the  contents  of  individual  layers. 

In  Flash,  composites  do  not  affect  the  video  content  directly;  they  affect  only  the  appearance  of  the  video  during 
playback  in  Flash  Player.  In  contrast,  when  you  composite  with  imported  video  in  After  Effects,  the  video  file  you 
export  actually  incorporates  the  composited  graphics  and  effects. 

Because  all  drawing  and  painting  in  After  Effects  is  done  on  layers  separate  from  any  imported  video,  it  is  always  non¬ 
destructive.  Flash  has  both  destructive  and  nondestructive  drawing  modes. 
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Exporting  After  Effects  content  for  use  in  Flash 

You  can  export  After  Effects  content  for  use  in  Flash.  You  can  export  a  SWF  file  that  can  be  played  immediately  in  Flash 
Player  or  used  as  part  of  another  rich  media  project.  When  you  export  content  from  After  Effects  in  SWF  format,  some 
of  the  content  may  be  flattened  and  rasterized  in  the  SWF  file. 

To  edit  your  After  Effects  content  further  in  Flash,  export  a  composition  as  an  XFL  file.  An  XFL  file  is  a  type  of  Flash 
file  that  stores  the  same  information  as  a  FLA  file,  but  in  XML  format.  When  you  export  a  composition  from  After 
Effects  as  XFL  for  use  in  Flash,  some  of  the  layers  and  keyframes  that  you  created  in  After  Effects  are  preserved  in  the 
Flash  version.  When  you  import  the  XFL  file  in  Flash,  it  unpacks  the  XFL  file  and  adds  the  assets  from  the  file  to  your 
FLA  file  according  to  the  instructions  in  the  XFL  file. 

The  following  video  tutorials  provide  detailed  information  about  exporting  XFL  files  from  After  Effects: 

•  Importing  and  exporting  XFL  files  between  Flash  and  After  Effects  (Adobe.com) 

•  Exporting  XFL  Format  from  After  Effects  to  Flash  (Tom  Green,  Layers  Magazine) 

Importing  Flash  SWF  files  into  After  Effects 

Flash  has  a  unique  set  of  vector  art  tools  that  make  it  useful  for  a  variety  of  drawing  tasks  not  possible  in  After  Effects 
or  Adobe*  Illustrator*.  You  can  import  SWF  files  into  After  Effects  to  composite  them  with  other  video  or  render  them 
as  video  with  additional  creative  effects.  Interactive  content  and  scripted  animation  are  not  retained.  Animation 
defined  by  keyframes  is  retained. 

Each  SWF  file  imported  into  After  Effects  is  flattened  into  a  single  continuously  rasterized  layer,  with  its  alpha  channel 
preserved.  Continuous  rasterization  means  that  graphics  stay  sharp  as  they  are  scaled  up.  This  import  method  allows 
you  to  use  the  root  layer  or  object  of  your  SWF  files  as  a  smoothly  rendered  element  in  After  Effects,  allowing  the  best 
capabilities  of  each  tool  to  work  together. 

More  Help  topics 

Rendering  and  exporting  for  Flash  Professional  and  Flash  Player 
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Chapter  6:  Exporting  and  Publishing 


About  exporting  from  Flash 


Export  SWF  files 

The  Flash  Export  commands  do  not  store  export  settings  separately  with  each  file,  as  does  the  Publish  command.  (To 
create  all  the  files  you  need  to  put  Flash  Professional  content  on  the  web,  use  the  Publish  command.) 

Export  Movie  exports  a  Flash  Professional  document  to  a  still-image  format,  creates  a  numbered  image  file  for  every 
frame  in  the  document,  and  exports  the  sound  in  a  document  to  a  WAV  file  (Windows  only). 

1  Open  the  Flash  Professional  document  to  export,  or  select  the  frame  or  image  to  export  in  the  current  document. 

2  Select  File  >  Export  >  Export  Movie,  or  File  >  Export  >  Export  Image. 

3  Enter  a  name  for  the  output  file. 

4  Select  the  file  format  and  click  Save.  If  the  format  you  selected  requires  more  information,  an  Export  dialog  box 
appears. 

5  Set  the  export  options  for  the  format  you  selected.  See  About  export  file  formats. 

6  Click  OK,  and  then  click  Save. 

About  export  file  formats 

Remember  the  following: 

•  If  the  format  you  selected  requires  more  information,  an  Export  dialog  box  appears. 

•  When  you  save  a  Flash  Professional  image  as  a  bitmap  GIF,  JPEG,  PICT  (Macintosh),  or  BMP  (Windows)  file,  the 
image  loses  its  vector  information  and  is  saved  with  pixel  information  only.  You  can  edit  images  exported  as  bitmaps 
in  image  editors  such  as  Adobe*  Photoshop”,  but  you  can  no  longer  edit  them  in  vector-based  drawing  programs. 

•  When  you  export  a  Flash  Professional  file  in  the  SWF  format,  text  is  encoded  as  Unicode,  providing  support  for 
international  character  sets,  including  double-byte  fonts.  Flash  Professional  Player  6  and  later  versions  support 
Unicode  encoding. 

Flash  Professional  content  is  exported  as  sequences  and  images  are  exported  as  individual  files.  PNG  is  the  only  cross¬ 
platform  bitmap  format  that  supports  transparency  (as  an  alpha  channel).  Some  non-bitmap  export  formats  do  not 
support  alpha  (transparency)  effects  or  mask  layers. 

The  following  table  lists  the  formats  that  you  can  export  Flash  Professional  content  and  images  to: 
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File  type 

Extension 

Windows 

Macintosh 

Animated  GIF,  GIF  Sequence,  and 
GIF  Image 

.gif 

* 

* 

Bitmap  (BMP)  Sequence  and 
Bitmap  Image 

.bmp 

* 

Flash  document  (SWF) 

.swf 

• 

• 

JPEG  Sequence  and  JPEG  Image 

■jpg 

• 

• 

PICT  Sequence  and  PICT  Image 
(Macintosh) 

.pet 

* 

PNG  Sequence  and  PNG  Image 

■png 

• 

• 

Export  QuickTime 

.mov 

• 

• 

WAV  audio  (Windows) 

.wav 

• 

Windows  AVI  (Windows) 

.avi 

• 

Update  SWF  files  for  Dreamweaver 

To  add  the  content  to  your  page,  export  SWF  files  directly  to  an  Adobe*  Dreamweaver*  site.  Dreamweaver  generates  all 
the  needed  HTML  code.  You  can  start  Flash  Professional  from  Dreamweaver  to  update  the  content.  In  Dreamweaver, 
you  can  update  the  Flash  Professional  document  (FLA  file)  and  re-export  the  updated  content  automatically. 

For  more  information  on  working  with  Dreamweaver,  see  Using  Dreamweaver  in  Dreamweaver  Help. 

1  In  Dreamweaver,  open  the  HTML  page  that  contains  the  Flash  Professional  content. 

2  Do  one  of  the  following: 

•  Select  the  Flash  Professional  content  within  the  HTML  page,  and  click  Edit. 

•  In  Design  view,  press  Control  (Windows)  or  Command  (Macintosh),  and  double-click  the  Flash  Professional 
content. 

•  In  Design  view,  right-click  (Windows)  or  Control-click  (Macintosh)  the  Flash  Professional  content,  and  select 
Edit  with  Flash. 

•  In  Design  view,  in  the  Site  panel,  right-click  (Windows)  or  Control-click  (Macintosh)  the  Flash  Professional 
content,  and  select  Open  with  Flash. 

3  If  the  FLA  file  for  the  exported  file  does  not  open,  the  Open  File  dialog  box  appears.  Navigate  to  the  FLA  file,  and 
click  Open. 

4  If  the  user  used  the  Change  Link  Sitewide  feature  in  Dreamweaver,  a  warning  appears.  To  apply  link  changes  to  the 
SWF  file,  click  OK.  To  prevent  the  warning  message  from  appearing  when  you  update  the  SWF  file,  click  Don’t  Warn 
Me  Again. 

5  Update  the  FLA  file  as  needed  in  Flash  Professional. 

6  To  save  the  FLA  file  and  reexport  it  to  Dreamweaver,  do  one  of  the  following: 

•  To  update  the  file  and  close  Flash  Professional,  click  the  Done  button  above  the  upper-left  corner  of  the  Stage. 

•  To  update  the  file  and  keep  Flash  Professional  open,  select  File  >  Update  for  Dreamweaver. 
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More  Help  topics 

Publishing  Flash  documents 


Publishing  Flash  documents 


Publishing  overview 

You  can  play  content  in  the  following  ways: 

•  In  Internet  browsers  that  are  equipped  with  Flash  Player 

•  As  a  stand-alone  application  called  a  projector 

•  With  the  Flash  ActiveX  control  in  Microsoft  Office  and  other  ActiveX  hosts 

•  With  Flash  Xtra  in  Director*  and  Authorware*  from  Adobe* 

By  default,  the  Publish  command  creates  a  Flash  Pro  SWF  file  and  an  HTML  document  that  inserts  your  Flash  Pro 
content  in  a  browser  window.  The  Publish  command  also  creates  and  copies  detection  files  for  Macromedia  Flash  4 
from  Adobe  and  later.  If  you  change  publish  settings,  Flash  Pro  saves  the  changes  with  the  document.  After  you  create 
a  publish  profile,  export  it  to  use  in  other  documents  or  for  others  working  on  the  same  project  to  use. 

When  you  use  the  Publish,  Test  Movie,  or  Debug  Movie  commands,  Flash  creates  a  SWF  file  from  your  FLA  file.  You 
can  view  the  sizes  of  all  the  SWF  files  created  from  the  current  FLA  file  in  the  Document  Property  inspector. 

Flash*  Player  6  and  later  support  Unicode  text  encoding.  With  Unicode  support,  users  can  view  multilanguage  text, 
regardless  of  the  language  that  the  operating  system  running  the  player  uses. 

You  can  publish  the  FLA  file  in  alternative  file  formats — GIF,  JPEG,  and  PNG  — with  the  HTML  needed  to  display  them 
in  the  browser  window.  Alternative  formats  allow  a  browser  to  show  your  SWF  file  animation  and  interactivity  for  users 
who  don’t  have  the  targeted  Adobe  Flash  Player  installed.  When  you  publish  a  Flash  Pro  document  (FLA  file)  in 
alternative  file  formats,  the  settings  for  each  file  format  are  stored  with  the  FLA  file. 

You  can  export  the  FLA  file  in  several  formats,  similar  to  publishing  FLA  files  in  alternative  file  formats,  except  that  the 
settings  for  each  file  format  are  not  stored  with  the  FLA  file. 

Alternatively,  create  a  custom  HTML  document  with  any  HTML  editor  and  include  the  tags  required  to  display  a  SWF 
file. 

To  test  how  the  SWF  file  works  before  you  publish  your  SWF  file,  use  Test  Movie  (Control  >  Test  Movie  >  Test)  and 
Test  Scene  (Control  >  Test  Scene). 

Note:  In  Flash  Professional  CS5,  when  you  set  the  Flash  Player  target  to  Flash  Player  10  in  the  Publish  Settings,  the  target 
is  actually  Flash  Player  10.1. 


HTML  documents 

You  need  an  HTML  document  to  play  a  SWF  file  in  a  web  browser  and  specify  browser  settings.  To  display  a  SWF  file 
in  a  web  browser,  an  HTML  document  must  use  the  object  and  embed  tags  with  the  proper  parameters. 
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Note:  You  can  generate  an  HTML  document  using  the  correct  object  and  embed  tags  using  the  Publish  Settings  dialog  box, 
and  selecting  the  HTML  option.  For  more  information,  see  Specify  publish  settings  for  HTML  documents  . 


Flash  Pro  can  create  the  HTML  document  automatically  when  you  publish  a  SWF  file. 

Detecting  whether  Flash  Player  is  present 

In  order  for  your  published  Flash  Pro  content  to  be  seen  by  Web  users,  Flash  Player  must  be  installed  in  their  Web 
browser. 

The  following  resources  and  articles  provide  up-to-date  information  about  how  to  add  code  to  your  web  pages  to 
determine  if  Flash  Player  is  installed  and  provide  alternative  content  in  the  page  if  it  is  not. 

•  Flash  Player  Help 

•  Flash  Player  Detection  Kit 

•  Adobe  Flash  Player  version  checking  protocol 

•  Future-Proofing  Flash  Player  Detection  Scripts 


Publishing  for  mobile  devices 

Adobe*  AIR*  for  Android*  and  iOS*  lets  Flash  Pro  users  create  engaging  content  for  mobile  devices  using  the 
ActionScript*  scripting  language,  drawing  tools,  and  templates.  For  detailed  information  on  authoring  for  mobile 
devices,  see  the  AIR  Developer  Reference  and  the  Content  Development  Kits  in  the  Mobile  and  Devices  Development 
Center. 

Note:  Depending  on  the  mobile  device  for  which  you  are  developing,  certain  restrictions  can  apply  as  to  which  ActionScript 
commands  and  sound  formats  are  supported.  For  more  details,  see  Mobile  Articles  on  the  Mobile  and  Devices  Development 
Center. 


Testing  mobile  content  with  the  Mobile  Content  Simulator 

Flash  Pro  also  includes  a  Mobile  Content  Simulator,  a  way  to  test  content  created  with  Adobe  AIR  in  an  emulated 
Android  or  iOS  environment.  With  the  Mobile  Content  Simulator,  you  can  use  the  Control  >  Test  Movie  command  to 
test  your  Flash  file  in  the  AIR  Debug  Launcher  for  Mobile,  which  in  turn  launches  the  simulator. 

Once  the  simulator  window  is  opened,  you  can  send  input  to  the  Flash  file  as  if  it  were  running  on  a  mobile  device.  The 
inputs  available  include: 

•  Accelerometer,  X,  Y,  and  Z  axes 

•  Orientation  threshold  angle 

•  Touch  and  gestures,  including  pressure  sensitivity 

•  Geolocation,  direction,  and  velocity 

•  Hardware  keys  (found  on  Android  devices) 


Publishing  secure  Flash  documents 

Flash  Player  8  and  later  contain  the  following  features  that  help  you  ensure  the  security  of  your  Flash  Pro  documents: 

Buffer  overrun  protection 
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Enabled  automatically,  this  feature  prevents  the  intentional  misuse  of  external  files  in  a  Flash  Pro  document  to 
overwrite  a  user’s  memory  or  insert  destructive  code  such  as  a  virus.  This  prevents  a  document  from  reading  or  writing 
data  outside  the  document’s  designated  memory  space  on  a  user’s  system. 

Exact  domain  matching  for  sharing  data  between  Flash  documents 

Flash  Player  7  and  later  enforce  a  stricter  security  model  than  earlier  versions.  The  security  model  changed  in  two 
primary  ways  between  Flash  Player  6  and  Flash  Player  7: 

Exact  domain  matching  Flash  Player  6  lets  SWF  files  from  similar  domains  (for  example,  www.adobe.com  and 
store.adobe.com)  communicate  freely  with  each  other  and  with  other  documents.  In  Flash  Player  7,  the  domain  of  the 
data  to  be  accessed  must  match  the  data  provider’s  domain  exactly  for  the  domains  to  communicate. 

HTTPS/HTTP  restriction  A  SWF  file  that  loads  by  using  nonsecure  (non-HTTPS)  protocols  cannot  access  content 
loaded  by  using  a  secure  (HTTPS)  protocol,  even  when  both  protocols  are  in  exactly  the  same  domain. 

For  more  information  about  ensuring  that  content  performs  as  expected  with  the  new  security  model,  see 
Understanding  security  in  Learning  ActionScript  2.0  in  Adobe  Flash. 

Local  and  network  playback  security 

Flash  Player  8  and  later  include  a  security  model  that  lets  you  determine  the  local  and  network  playback  security  for 
SWF  files  that  you  publish.  By  default,  SWF  files  are  granted  read  access  to  local  files  and  networks.  However,  a  SWF 
file  with  local  access  cannot  communicate  with  the  network,  and  the  SWF  file  cannot  send  files  or  information  to  any 
networks. 

Allow  SWF  files  to  access  network  resources,  letting  the  SWF  file  send  and  receive  data.  If  you  grant  the  SWF  file  access 
to  network  resources,  local  access  is  disabled,  protecting  information  on  the  local  computer  from  potentially  being 
uploaded  to  the  network. 

To  select  the  local  or  network  playback  security  model  for  your  published  SWF  files,  use  the  Publish  Settings  dialog  box. 


Flash  Player 

Flash  Player  plays  Flash  Pro  content  in  the  same  way  as  it  appears  in  a  web  browser  or  an  ActiveX  host  application.  Flash 
Pro  Player  is  installed  with  the  Flash  Pro  application.  When  you  double-click  Flash  Pro  content,  the  operating  system 
starts  Flash  Player,  which  then  plays  the  SWF  file.  Use  the  player  to  make  Flash  Pro  content  viewable  for  users  who 
aren’t  using  a  web  browser  or  an  ActiveX  host  application. 

To  control  Flash  Pro  content  in  Flash  Player,  use  menu  commands  and  the  fscommand()  function.  For  more 
information,  see  Sending  messages  to  and  from  Flash  Player  in  Learning  ActionScript  2.0  in  Adobe  Flash. 

Use  the  Flash  Player  context  menu  to  print  Flash  Pro  content  frames. 

❖  Do  one  of  the  following: 

•  To  open  a  new  or  existing  file,  select  File  >  New,  or  Open. 

•  To  change  your  view  of  the  application,  select  View  >  Magnification  and  make  a  selection. 

•  To  control  Flash  Pro  content  playback,  select  Control  >  Play,  Rewind,  or  Loop  Playback. 


Update  or  Reinstall  Flash  Player 

If  you  are  having  trouble  with  your  Flash  Player  installation,  you  can  update  or  reinstall  it.  You  can  go  to  the  Flash  Player 
download  page  directly  from  Flash  Pro  by  choosing  Help  >  Get  Latest  Flash  Player. 
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If  you  prefer  to  uninstall  Flash  Player  first,  follow  these  steps: 

1  Close  your  browser. 

2  Remove  any  currently  installed  version  of  the  player. 

For  instructions,  see  TechNote  14157  on  the  Adobe*  Flash*  Support  Center  at  www.adobe.com/go/tn_14157. 

3  To  begin  the  installation,  visit  http://www.adobe.com/go/getflashplayer. 

Follow  the  on-screen  instructions  to  install  the  player. 

You  can  also  run  one  of  the  following  installers  in  your  Players  folder.  However,  the  installer  on  the  Adobe  website 
is  usually  more  up  to  date  than  those  in  the  Players  folder. 

•  For  the  ActiveX  control  for  Windows*  (Internet  Explorer  or  AOL),  run  the  Install  Flash  Player  9  AX.exe  file. 

•  For  the  plug-in  for  Windows  (Firefox,  Mozilla,  Netscape,  Safari,  or  Opera),  run  the  Install  Flash  Player  9.exe  file. 

•  For  the  plug-in  for  Macintosh*  (AOL,  Firefox,  Internet  Explorer  for  Macintosh,  Netscape,  Opera,  or  Safari),  run 
Install  Flash  Player  10  (Mac  OS  9.x)  or  Install  Flash  Player  10  OS  X  (Mac  OS  X.x). 

Note:  To  verify  the  installation  visit  http://www.adobe.com/shockwave/welcome/from  within  your  web  browser. 


Configure  a  server  for  Flash  Player 

For  users  to  view  your  Flash  Pro  content  on  the  web,  the  web  server  must  be  properly  configured  to  recognize  SWF  files. 

Configuring  a  server  establishes  the  appropriate  Multipart  Internet  Mail  Extension  (MIME)  types  so  that  the  server  can 
identify  files  with  the  .swf  extension  as  Flash  Pro  files. 

A  browser  that  receives  the  correct  MIME  type  can  load  the  appropriate  plug-in,  control,  or  helper  application  to 
process  and  properly  display  the  incoming  data.  If  the  MIME  type  is  missing  or  not  properly  delivered  by  the  server, 
the  browser  might  display  an  error  message  or  a  blank  window  with  a  puzzle-piece  icon. 

•  If  your  site  is  established  through  an  Internet  service  provider  (ISP),  ask  the  ISP  to  add  this  MIME  type  to  the  server: 
application/x-shockwave-flash  with  the  .swf  extension. 

•  If  you  are  administering  your  own  server,  see  your  web  server  documentation  for  instructions  on  adding  or 
configuring  MIME  types. 

•  Corporate  and  enterprise  system  administrators  can  configure  Flash  Pro  to  restrict  Flash  Player  access  to  resources 
in  the  local  file  system.  Create  a  security  configuration  file  that  limits  Flash  Player  functionality  on  the  local  system. 

The  security  configuration  file  is  a  text  file  placed  in  the  same  folder  as  the  Flash  Player  installer.  The  Flash  Player 
installer  reads  the  configuration  file  during  installation  and  follows  its  security  directives.  Flash  Player  uses  the  System 
object  to  expose  the  configuration  file  to  ActionScript. 

With  the  configuration  file,  disable  Flash  Player  access  to  the  camera  or  microphone,  limit  the  amount  of  local  storage 
Flash  Player  can  use,  control  the  auto-update  feature,  and  block  Flash  Player  from  reading  anything  from  the  user’s  local 
hard  disk. 

For  more  information  about  security,  see  System  in  ActionScript  2.0  Language  Reference. 

Adding  MIME  Types 

When  a  web  server  accesses  files,  the  server  must  properly  identify  the  files  as  Flash  Pro  content  to  display  them.  If  the 
MIME  type  is  missing  or  not  properly  delivered  by  the  server,  the  browser  can  show  error  messages  or  a  blank  window 
with  a  puzzle-piece  icon. 
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If  your  server  is  not  properly  configured,  you  (or  your  server’s  administrator)  must  add  the  SWF  file  MIME  types  to 
the  server’s  configuration  files  and  associate  the  following  MIME  types  with  the  SWF  file  extensions: 

•  MIME  type  application/x-shockwave-flash  has  the  .swf  file  extension. 

•  MIME  type  application/futuresplash  has  the  .spl  file  extension. 

If  you  are  administering  a  server,  consult  your  server  software  documentation  for  instructions  on  adding  or  configuring 
MIME  types.  If  you  are  not  administering  a  server,  contact  your  Internet  service  provider,  web  master,  or  server 
administrator  to  add  the  MIME  type  information. 

If  your  site  is  on  a  Mac  OS  server,  you  must  also  set  the  following  parameters:  Action:  Binary;  Type:  S  WFL;  and  Creator: 
SWF2. 

Search  engine  optimization  for  Flash  content 

In  mid-2008,  Adobe  announced  a  significant  advance  in  Flash  Player  technology  that  allows  the  text  content  inside 
SWF  files  to  be  indexed  by  search  engines  such  as  Google  and  Yahoo!.  There  are  a  variety  of  strategies  you  can  employ 
to  optimize  the  visibility  of  your  SWF  content  to  search  engines.  These  practices  as  a  whole  are  referred  to  as  search 
engine  optimization  (SEO). 

Adobe  has  added  a  SEO  Technology  Center  to  the  Developer  Connection  section  of  Adobe.com.  The  SEO  Technology 
Center  contains  the  following  articles  that  detail  some  of  the  techniques  you  can  use  to  increase  the  visibility  of  your 
SWF  files  to  internet  searches: 

•  Search  optimization  techniques  for  RIAs 

•  Search  optimization  checklist  for  RIAs 


About  Omniture  and  Flash 

Flash  content  can  be  integrated  with  Omniture  SiteCatalyst  and  Omniture  Test&Target.  SiteCatalyst  helps  marketers 
quickly  identify  the  most  profitable  paths  through  their  website,  determine  where  visitors  are  navigating  away  from 
their  site,  and  identify  critical  success  metrics  for  online  marketing  campaigns.  Test&Target  gives  marketers  the 
capability  to  continually  make  their  online  content  more  relevant  to  their  customers.  Test&Target  provides  an  interface 
for  designing  and  executing  tests,  creating  audience  segments  and  targeting  content. 

Omniture  customers  can  use  SiteCatalyst  and  Test&Target  with  Flash  by  downloading  and  installing  the  Omniture 
Extension  pack. 

•  To  download  the  Omniture  extensions  and  access  instructions  for  using  them,  choose  Help  >  Omniture. 

More  Help  topics 

Using  publish  profiles 

Publish  settings 

Creating  multilanguage  text 

Specify  publish  settings  for  SWF  files 


Exporting  Sounds 
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About  compressing  sounds  for  export 

You  can  select  compression  options  for  individual  event  sounds  and  export  the  sounds  with  those  settings.  You  can  also 
select  compression  options  for  individual  stream  sounds.  However,  all  stream  sounds  in  a  document  are  exported  as  a 
single  stream  file,  using  the  highest  setting  of  all  those  applied  to  individual  stream  sounds.  This  includes  stream  sounds 
in  video  objects. 

If  you  select  global  compression  settings  for  event  sounds  or  stream  sounds  in  the  Publish  Settings  dialog  box,  these 
settings  are  applied  to  individual  event  sounds  or  all  stream  sounds  if  you  do  not  select  compression  settings  for  the 
sounds  in  the  Sound  Properties  dialog  box. 

You  can  also  override  export  settings  specified  in  the  Sound  Properties  dialog  box  by  selecting  Override  Sound  Settings 
in  the  Publish  Settings  dialog  box.  This  option  is  useful  if  you  want  to  create  a  larger  high-fidelity  audio  file  for  local 
use  and  a  smaller  low-fidelity  version  for  the  web. 

The  sampling  rate  and  degree  of  compression  make  a  significant  difference  in  the  quality  and  size  of  sounds  in  exported 
SWF  files.  The  more  you  compress  a  sound  and  the  lower  the  sampling  rate,  the  smaller  the  size  and  the  lower  the 
quality.  You  should  experiment  to  find  the  optimal  balance  between  sound  quality  and  file  size. 

When  working  with  imported  mp3  files,  you  can  export  the  files  in  mp3  format  using  the  same  settings  that  the  files 
had  when  imported. 

Note:  In  Windows,  you  can  also  export  all  the  sounds  from  a  document  as  a  WAV  file  using  File  >  Export  >  Export  Movie. 


Compress  a  sound  for  export 

1  Do  one  of  the  following: 

•  Double-click  the  sound’s  icon  in  the  Library  panel. 

•  Right-click  (Windows)  or  Control-click  (Macintosh)  a  sound  file  in  the  Library  panel  and  select  Properties  from 
the  context  menu. 

•  Select  a  sound  in  the  Library  panel  and  select  Properties  from  the  Panel  menu  in  the  upper-right  corner  of  the 
panel. 

•  Select  a  sound  in  the  Library  panel  and  click  the  Properties  button  at  the  bottom  of  the  Library  panel. 

2  If  the  sound  file  has  been  edited  externally,  click  Update. 

3  For  Compression,  select  Default,  ADPCM,  mp3,  Raw,  or  Speech. 

The  Default  compression  option  uses  the  global  compression  settings  in  the  Publish  Settings  dialog  box  when  you 
export  your  SWF  file.  If  you  select  Default,  no  additional  export  settings  are  available. 

4  Set  export  settings. 

5  Click  Test  to  play  the  sound  once.  Click  Stop  if  you  want  to  stop  testing  the  sound  before  it  finishes  playing. 

6  Adjust  export  settings  if  necessary  until  the  desired  sound  quality  is  achieved,  and  then  click  OK. 

ADPCM  and  Raw  compression  options 

ADPCM  compression  sets  compression  for  8-  or  16-bit  sound  data.  Use  the  ADPCM  setting  when  you  export  short 
event  sounds  such  as  button  clicks. 

Raw  compression  exports  sounds  with  no  sound  compression. 

Preprocessing  Converts  mixed  stereo  sounds  to  monaural  (mono)  when  you  select  Convert  Stereo  To  Mono  (mono 
sounds  are  unaffected  by  this  option). 
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Sample  Rate  Controls  sound  fidelity  and  file  size.  Lower  rates  decrease  file  size  but  can  also  degrade  sound  quality.  Rate 
options  are  as  follows: 

note:  Flash  Professional  cannot  increase  the  kHz  rate  of  an  imported  sound  above  the  rate  at  which  it  was  imported. 

5  kHz  Barely  acceptable  for  speech. 

1 1  kHz  The  lowest  recommended  quality  for  a  short  segment  of  music  and  one-quarter  the  standard  CD  rate. 

22  kHz  A  popular  choice  for  web  playback  and  half  the  standard  CD  rate. 

44  kHz  The  standard  CD  audio  rate. 

ADPCM  Bits  (ADPCM  only)  Specifies  the  bit  depth  of  the  sound  compression.  Higher  bit  depths  produce  higher 
quality  sound. 

mp3  compression  options 

MP3  Compression  Lets  you  export  sounds  with  mp3  compression.  Use  mp3  when  you  are  exporting  longer  stream 
sounds  such  as  music  sound  tracks. 

If  you  are  exporting  a  file  that  was  imported  in  mp3  format,  you  can  export  the  file  using  the  same  settings  the  file  had 
when  it  was  imported. 

Use  Imported  mp3  Quality  Default  setting.  Deselect  to  select  other  mp3  compression  settings.  Select  to  export  an 
imported  mp3  file  with  the  same  settings  the  file  had  when  it  was  imported. 

Bit  Rate  Determines  the  bits  per  second  in  the  exported  sound  file.  Flash  Professional  supports  8  through  160  Kbps 
CBR  (constant  bit  rate).  When  you  export  music,  set  the  bit  rate  to  16  Kbps  or  higher  for  best  results. 

Preprocessing  Converts  mixed  stereo  sounds  to  monaural  (mono  sounds  are  unaffected  by  this  option). 

note:  The  Preprocessing  option  is  available  only  if  you  select  a  bit  rate  of 20  Kbps  or  higher. 

Quality  Determines  the  compression  speed  and  sound  quality: 

Fast  Yields  faster  compression  but  lower  sound  quality. 

Medium  Yields  somewhat  slower  compression  but  higher  sound  quality. 

Best  Yields  the  slowest  compression  and  the  highest  sound  quality. 

Speech  compression  option 

Speech  compression  exports  sounds  using  a  compression  that  is  adapted  to  speech.nofe:  Flash  Lite  1.0  and  Flash  Lite 
1.1  do  not  support  the  Speech  compression  option.  For  content  targeting  those  player  versions,  use  mp3,  ADPCM,  or  Raw 
compression. 

Sample  rate  Controls  sound  fidelity  and  file  size.  A  lower  rate  decreases  file  size  but  can  also  degrade  sound  quality. 
Select  from  the  following  options: 

5  kHz  Acceptable  for  speech. 

1 1  kHz  Recommended  for  speech. 

22  kHz  Acceptable  for  most  types  of  music  on  the  web. 

44  kHz  The  standard  CD  audio  rate.  However,  because  compression  is  applied,  the  sound  is  not  CD  quality  in  the  SWF 
file. 


Last  updated  6/1 2/2015 


Exporting  and  Publishing 


394 


Guidelines  for  exporting  sound  in  Flash  documents 

Besides  sampling  rate  and  compression,  there  are  several  ways  to  use  sound  efficiently  in  a  document  and  keep  file  size 

small: 

•  Set  the  in  and  out  points  to  prevent  silent  areas  from  being  stored  in  the  Flash  Professional  file  and  to  reduce  the  size 
of  the  sound  data  in  the  file. 

•  Get  more  out  of  the  same  sounds  by  applying  different  effects  for  sounds  (such  as  volume  envelopes,  looping,  and 
in/out  points)  at  different  keyframes.  You  can  get  a  number  of  sound  effects  by  using  only  one  sound  file. 

•  Loop  short  sounds  for  background  music. 

•  Do  not  set  streaming  sound  to  loop. 

•  When  exporting  audio  in  embedded  video  clips,  remember  that  the  audio  is  exported  using  the  global  streaming 
settings  selected  in  the  Publish  Settings  dialog  box. 

•  Use  stream  synchronization  to  keep  the  animation  synchronized  to  your  sound  track  when  you  preview  your 
animation  in  the  editor.  If  your  computer  is  not  fast  enough  to  draw  the  animation  frames  so  that  they  keep  up  with 
your  sound  track,  Flash  Professional  skips  frames. 

•  When  exporting  QuickTime  movies,  use  as  many  sounds  and  channels  as  you  want  without  worrying  about  file  size. 
The  sounds  are  combined  into  a  single  sound  track  when  you  export  as  a  QuickTime  file.  The  number  of  sounds 
you  use  has  no  effect  on  the  final  file  size. 

More  Help  topics 

Publishing  overview 

Specify  publish  settings  for  SWF  files 

About  exporting  from  Flash 


Export  QuickTime  video  files 

Using  Flash  Professional,  you  can  create  QuickTime*  movies  (MOV  files)  that  can  be  played  back  by  users  who  have 
the  QuickTime  plug-in  installed  on  their  computers.  This  is  often  done  when  people  use  Flash  Professional  to  create 
title  sequences  or  animation  for  use  as  video  content.  The  published  QuickTime  file  can  be  distributed  as  a  DVD,  or 
incorporated  into  other  applications  such  as  Adobe*  Director*  or  Adobe*  Premiere*  Pro. 

If  you  are  creating  a  QuickTime  video  using  Flash  Professional,  set  your  publish  setting  to  Flash  Professional  3,  4,  or  5. 
Note:  The  QuickTime  Player  does  not  support  Flash  Player  files  later  than  version  5. 

Tutorials  and  videos 

•  Video:  Length  =  17:24.  Flash  QuickTime  Exporting.  Learn  how  to  export  ActionScript-based  animations  to  Flash 
and  then  composite  in  After  Effects. 

More  Help  topics 

About  QuickTime 

Export  QuickTime 
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Best  practices  -  Tips  for  creating  content  for  mobile 
devices 


Creating  Flash  content  for  use  on  mobile  devices 

To  create  Flash  content  for  mobile  devices,  follow  some  basic  principles.  For  example,  Flash  developers  often  avoid 
extremely  complex  artwork  and  excessive  tweening  or  transparency. 

Flash  Lite  developers  face  additional  challenges  because  performance  on  mobile  devices  varies  greatly.  If  content  must 
be  published  to  many  different  devices,  developers  sometimes  have  to  author  for  the  lowest  common  denominator. 

Optimizing  mobile  content  requires  making  trade-offs.  For  example,  one  technique  may  make  the  content  look  better, 
while  another  results  in  better  performance.  As  you  evaluate  these  trade-offs,  you  will  be  going  back  and  forth 
repeatedly  between  testing  in  the  emulator  and  testing  on  the  target  device.  You  must  see  your  content  on  the  actual 
device  to  evaluate  the  trueness  of  colors,  text  readability,  physical  interactions,  UI  responsiveness,  and  other  aspects  of 
the  real  mobile  experience. 

For  more  tips  and  techniques  for  creating  content  for  mobile  phones  and  devices,  see 
www.adobe.com/go/learn_cs_mobilewiki_en. 


Flash  Lite  guidelines  for  animation  in  mobile  devices 

When  creating  animated  content  for  a  mobile  devices,  keep  device  CPU  limitations  in  mind.  Following  these  guidelines 

can  help  preventFlash  Lite  content  from  running  slowly: 

•  When  creating  a  new  Flash  Lite  file,  check  that  the  document  is  set  up  correctly.  Although  Flash  files  scale  smoothly, 
performance  can  suffer  if  the  file  is  not  running  at  its  native  Stage  size  and  has  to  scale  in  the  player.  Try  to  set  the 
document  Stage  size  to  match  the  resolution  of  the  target  device.  Also  set  the  Flash  Player  to  the  correct  version  of 
Flash  Lite. 

•  Flash  Lite  can  render  vector  graphics  at  low,  medium,  and  high  quality.  The  higher  the  rendering  quality,  the  more 
smoothly  and  accurately  Flash  Lite  renders  vector  graphics  and  the  greater  the  demand  on  the  device’s  CPU.  To 
provide  complex  animation,  experiment  with  changing  the  player’s  quality  setting  and  then  thoroughly  test  the  SWF 
file.  To  control  the  rendering  quality  of  a  SWF  file,  use  the  _quality  property  or  the  SetQuality  command.  Valid 
values  for  the  _quality  property  are  LOW,  MEDIUM,  and  HIGH. 

•  Limit  the  number  of  simultaneous  tweens.  Reduce  the  number  of  tweens,  or  sequence  the  animation  so  that  one 
begins  when  another  ends. 

•  Use  transparency  (alpha)  effects  on  symbols  sparingly  because  they  are  CPU  intensive.  In  particular,  avoid  tweening 
symbols  with  alpha  levels  that  are  not  fully  opaque  (less  than  100%). 

•  Avoid  CPU-intensive  visual  effects,  such  as  large  masks,  extensive  motion,  alpha  blending,  extensive  gradients,  and 
complex  vectors. 

•  Experiment  with  combinations  of  tweens,  keyframe  animations,  and  ActionScript-driven  movement  to  produce  the 
most  efficient  results. 

•  Rendering  vector  ovals  and  circles  is  much  more  memory  intensive  than  rendering  quadrangles.  Using  round  and 
oval  strokes  also  greatly  increases  CPU  use. 

•  Test  animations  frequently  on  actual  target  devices. 
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•  When  Flash  draws  an  animated  region,  it  defines  a  rectangular  bounding  box  around  the  area.  Optimize  the 
drawing  by  making  that  rectangle  as  small  as  possible.  Avoid  overlapping  tweens,  because  Flash  interprets  the 
merged  area  as  a  single  rectangle,  resulting  in  a  larger  total  region.  Use  Flash's  Show  Redraw  Region  feature  to 
optimize  the  animation. 

•  Avoid  using  _alpha  =  0  and  _visible  =  false  to  hide  on-screen  movie  clips.  If  you  simply  turn  a  movie  clip’s  visibility 
off  or  change  its  alpha  to  zero,  it  is  still  included  in  line-rendering  calculations,  which  can  affect  performance. 

•  Similarly,  do  not  try  to  hide  a  movie  clip  by  obscuring  it  behind  another  piece  of  artwork.  It  will  still  be  included  in 
the  player’s  calculations.  Instead,  move  movie  clips  completely  off  the  Stage  or  remove  them  by  calling 
removeMovieClip. 

For  more  tips  and  techniques  for  creating  content  for  mobile  phones  and  devices,  see 

www. adobe.com/ go/learn_cs_mobilewild_en. 


Flash  Lite  bitmap  and  vector  graphics  in  mobile  devices 

Flash  Lite  can  render  both  vector  and  bitmap  graphics.  Each  type  of  graphic  has  its  advantages  and  disadvantages.  The 
decision  to  use  vector  rather  than  bitmap  graphics  is  not  always  clear  and  often  depends  on  several  factors. 

Vector  graphics  are  compactly  represented  in  SWF  files  as  mathematical  equations  and  rendered  at  run  time  by  the 
Flash  Lite  player.  In  contrast,  bitmap  graphics  are  represented  as  arrays  of  picture  elements  (pixels),  which  require  more 
bytes  of  data.  Therefore,  using  vector  graphics  in  a  file  can  help  reduce  file  size  and  memory  usage. 

Vector  graphics  also  maintain  their  smooth  shapes  when  scaled  in  size.  Bitmap  images  can  appear  boxy,  or  pixelated, 
when  scaled. 

Compared  to  bitmaps,  vector  graphics  require  more  processing  power  to  render,  especially  vector  graphics  that  have 
many  complex  shapes  and  fills.  Consequently,  heavy  use  of  vector  shapes  can  sometimes  reduce  overall  file 
performance.  Because  bitmap  graphics  do  not  require  as  much  processing  time  to  render  as  vector  graphics,  they  are 
better  choice  for  some  files,  for  example,  a  complex  road  map  meant  to  be  animated  and  scrolled  on  a  mobile  phone. 

Keep  these  considerations  in  mind: 

•  Avoid  using  outlines  on  vector  shapes.  Outlines  have  an  inner  and  outer  edge  (fills  have  only  one)  and  are  twice  the 
work  to  render. 

•  Corners  are  simpler  to  render  than  curves.  When  possible,  use  flat  edges,  especially  with  very  small  vector  shapes. 

•  Optimization  is  especially  helpful  with  small  vector  shapes  such  as  icons.  Complex  icons  may  lose  their  details  upon 
rendering,  and  the  work  of  rendering  the  details  is  wasted. 

•  As  a  general  rule,  use  bitmaps  for  small,  complex  images  (such  as  icons)  and  vector  graphics  for  larger  and  simpler 
ones. 

•  Import  bitmap  graphics  at  the  correct  size;  don’t  import  large  graphics  and  scale  them  down  in  Flash,  because  this 
wastes  file  size  and  run-time  memory. 

•  The  Flash  Lite  player  does  not  support  bitmap  smoothing.  If  a  bitmap  is  scaled  or  rotated,  it  will  have  a  chunky 
appearance.  If  it  is  necessary  to  scale  or  rotate  a  graphic,  consider  using  a  vector  graphic  instead. 

•  Text  is  essentially  just  a  very  complex  vector  shape.  Of  course,  text  is  often  critical,  so  it  can  rarely  be  avoided  entirely. 
When  text  is  needed,  avoid  animating  it  or  placing  it  over  an  animation.  Consider  using  text  as  a  bitmap.  For 
multiline  dynamic  and  input  text,  the  line  break  of  the  text  string  is  not  cached.  Flash  breaks  lines  at  run  time  and 
recalculates  the  breaks  every  time  the  text  field  needs  to  be  redrawn.  Static  text  fields  are  not  problematic,  because 
the  line  breaking  is  precalculated  at  compile  time.  For  dynamic  content,  using  dynamic  text  fields  is  unavoidable, 
but  when  possible,  consider  using  static  text  fields  instead. 
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•  Minimize  the  use  of  transparency  in  PNG  files;  Flash  must  calculate  redraws  even  for  the  transparent  portions  of 
the  bitmap.  For  example,  with  a  transparent  PNG  file  that  represents  a  foreground  element,  don't  export  the 
transparent  PNG  at  the  full  size  of  the  screen.  Instead,  export  it  at  the  actual  size  of  the  foreground  element. 

•  Try  to  group  bitmap  layers  together  and  vector  layers  together.  Flash  needs  to  implement  different  Tenderers  for 
bitmap  and  vector  content,  and  switching  between  Tenderers  takes  time. 

For  more  tips  and  techniques  for  creating  content  for  mobile  phones  and  devices,  see 
www.adobe.com/go/learn_cs_mobilewiki_en. 


Set  compression  of  Flash  Lite  bitmaps  for  mobile  devices 

When  using  bitmaps,  you  can  set  image-compression  options  (on  a  per-image  basis  or  globally  for  all  bitmap  images) 
that  reduce  SWF  file  size. 


Set  compression  options  for  an  individual  bitmap  file 

1  Start  Flash  and  create  a  document. 

2  Select  a  bitmap  in  the  Library  window. 

3  Right-click  (Windows)  or  Control-click  (Macintosh)  the  bitmap  icon  in  the  Library  window,  and  select  Properties 
from  the  context  menu  to  open  the  Bitmap  Properties  dialog  box. 

4  In  the  Compression  pop-up  menu,  select  one  of  the  following  options; 

•  Select  the  Photo  (JPEG)  option  for  images  with  complex  color  or  tonal  variations,  such  as  photographs  or  images 
with  gradient  fills.  This  option  produces  a  JPEG  file.  Select  the  Use  Imported  JPEG  Data  check  box  to  use  the 
default  compression  quality  specified  for  the  imported  image.  To  specify  a  new  quality  compression  setting, 
deselect  Use  Imported  JPEG  Data  and  enter  a  value  between  1  and  100  in  the  Quality  text  box.  A  higher  setting 
produces  an  image  of  higher  image,  but  also  a  larger  file,  so  adjust  the  value  accordingly. 

•  Select  the  Lossless  (PNG/GIF)  option  for  images  with  simple  shapes  and  a  few  colors.  This  option  compresses 
the  image  using  lossless  compression,  which  discards  no  data. 

5  Click  Test  to  determine  the  results  of  the  file  compression. 

Compare  the  original  file  size  to  the  compressed  file  size  to  decide  whether  the  selected  compression  setting  is 
acceptable. 

Set  compression  for  all  bitmap  images 

1  Select  File  >  Publish  Settings,  and  then  click  the  Flash  tab  to  display  compression  options. 

2  Adjust  the  JPEG  quality  slider,  or  enter  a  value.  A  higher  JPEG  quality  value  produces  an  image  of  higher  image 
quality  but  a  larger  SWF  file.  A  lower  image  quality  produces  a  smaller  SWF  file.  Try  different  settings  to  determine 
the  best  trade-off  between  size  and  quality. 


Optimizing  Flash  Lite  frames  for  mobile  devices 

•  Most  devices  that  support  Flash  Liteplay  back  content  at  about  1 5  to  20  frames  per  second  (fps).  The  frame  rate  can 
be  as  low  as  6  fps.  During  development,  set  the  document  frame  rate  to  approximate  the  playback  speed  of  the  target 
device.  This  shows  how  the  content  will  run  on  a  device  with  limited  performance.  Before  publishing  a  final  SWF 
file,  set  the  document  frame  rate  to  at  least  20  fps  or  higher  to  avoid  limiting  performance  in  case  the  device  supports 
a  higher  frame  rate. 
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•  When  using  gotoAndPlay,  remember  that  every  frame  between  the  current  frame  and  the  requested  frame  needs  to 
be  initialized  before  Flash  plays  the  requested  frame.  If  many  of  these  frames  contain  different  content,  it  could  be 
more  efficient  to  use  different  movie  clips  rather  than  using  the  Timeline. 

•  Although  preloading  all  content  by  putting  it  at  the  beginning  of  the  file  makes  sense  on  the  desktop,  preloading  on 
a  mobile  device  can  delay  file  startup.  Space  content  throughout  the  file  so  that  movie  clips  are  initialized  as  they  are 
used. 

For  more  tips  and  techniques  for  creating  content  for  mobile  phones  and  devices,  see 
www.adobe.com/go/learn_cs_mobilewiki_en. 


Optimizing  ActionScript  for  Flash  Lite  content  on  mobile  devices 

Because  of  the  processing  speed  and  memory  limitations  on  most  mobile  devices,  follow  these  guidelines  when 

developing  ActionScript  for  Flash  Lite  content  used  on  mobile  devices: 

•  Keep  the  file  and  its  code  as  simple  as  possible.  Remove  unused  movie  clips,  delete  unnecessary  frame  and  code 
loops,  and  avoid  too  many  frames  or  extraneous  frames. 

•  Using  FOR  loops  can  be  expensive  because  of  the  overhead  incurred  while  the  condition  is  checked  with  each 
iteration.  When  the  costs  of  the  iteration  and  the  loop  overhead  are  comparable,  execute  multiple  operations 
individually  instead  of  using  a  loop.  The  code  may  be  longer,  but  performance  will  improve. 

•  Stop  frame-based  looping  as  soon  as  it  is  no  longer  needed. 

•  When  possible,  avoid  string  and  array  processing  because  it  can  be  CPU-intensive. 

•  Always  try  to  access  properties  directly  rather  than  using  ActionScript  getter  and  setter  methods,  which  have  more 
overhead  than  other  method  calls. 

•  Manage  events  wisely.  Keep  event  listener  arrays  compact  by  using  conditions  to  check  whether  a  listener  exists  (is 
not  null)  before  calling  it.  Clear  any  active  intervals  by  calling  clearlnterval,  and  remove  any  active  listeners  by 
calling  removeListener  before  removing  content  using  unloadapplication  or  removeapplicationClip.  Flash  does  not 
re-collect  SWF  data  memory  (for  example,  from  intervals  and  listeners)  if  any  ActionScript  functions  are  still 
referring  to  the  SWF  data  when  a  movie  clip  is  unloaded. 

•  When  variables  are  no  longer  needed,  delete  them  or  set  them  to  null,  which  marks  them  for  garbage  collection. 
Deleting  variables  helps  optimize  memory  use  during  run  time,  because  unneeded  assets  are  removed  from  the  SWF 
file.  It  is  better  to  delete  variables  than  to  set  them  to  null. 

•  Explicitly  remove  listeners  from  objects  by  calling  removeListener  before  garbage  collection. 

•  If  a  function  is  being  called  dynamically  and  passing  a  fixed  set  of  parameters,  use  call  instead  of  apply. 

•  Make  namespaces  (such  as  paths)  more  compact  to  reduce  startup  time.  Every  level  in  the  package  is  compiled  to 
an  IF  statement  and  causes  a  new  Object  call,  so  having  fewer  levels  in  the  path  saves  time.  For  example,  a  path  with 
the  levels  com.xxx.yyy.aaa.bbb.ccc.funtionName  causes  an  object  to  be  instantiated  for  com.xxx.yyy.aaa.bbb.ccc. 
Some  Flash  developers  use  preprocessor  software  to  reduce  the  path  to  a  unique  identifier,  such  as 
58923409876.functionName,  before  compiling  the  SWF  code. 

•  If  a  file  consists  of  multiple  SWF  files  that  use  the  same  ActionScript  classes,  exclude  those  classes  from  select  SWF 
files  during  compilation.  This  can  help  reduce  file  download  time  and  run-time  memory  requirements. 

•  Avoid  using  Object. watch  and  Object.unwatch,  because  every  change  to  an  object  property  requires  the  player  to 
determine  whether  a  change  notification  must  be  sent. 

•  If  ActionScript  code  that  executes  on  a  keyframe  in  the  timeline  requires  more  than  1  second  to  complete,  consider 
splitting  up  that  code  to  execute  over  multiple  keyframes. 
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•  Remove  trace  statements  from  the  code  when  publishing  the  SWF  file.  To  do  this,  select  the  Omit  Trace  Actions 
check  box  on  the  Flash  tab  in  the  Publish  Settings  dialog  box. 

•  Inheritance  increases  the  number  of  method  calls  and  uses  more  memory:  a  class  that  includes  all  the  functionality 
it  needs  is  more  efficient  at  run  time  than  a  class  that  inherits  some  of  its  functionality  from  a  superclass.  Therefore, 
you  may  need  to  make  a  design  trade-off  between  extensibility  of  classes  and  efficiency  of  code. 

•  When  one  SWF  file  loads  another  SWF  file  that  contains  a  custom  ActionScript  class  (for  example, 
foo.bar.CustomClass)  and  then  unloads  the  SWF  file,  the  class  definition  remains  in  memory.  To  save  memory, 
explicitly  delete  any  custom  classes  in  unloaded  SWF  files.  Use  the  delete  statement  and  specify  the  fully  qualified 
class  name,  such  as:  delete  foo.bar.CustomClass. 

•  Limit  the  use  of  global  variables,  because  they  are  not  marked  for  garbage  collection  if  the  movie  clip  that  defined 
them  is  removed. 

•  Avoid  using  the  standard  user  interface  components  (available  in  the  Components  panel  in  Flash).  These 
components  are  designed  to  run  on  desktop  computers  and  are  not  optimized  to  run  on  mobile  devices. 

•  Whenever  possible,  avoid  deeply  nested  functions. 

•  Avoid  referencing  nonexistent  variables,  objects,  or  functions.  Compared  to  the  desktop  version  of  Flash  Player, 
Flash  Lite  2  looks  up  references  to  nonexistent  variables  slowly,  which  can  significantly  affect  performance. 

•  Avoid  defining  functions  using  anonymous  syntax.  For  example,  myObj.eventName  =  function) ...}.  Explicitly 
defined  functions  are  more  efficient,  such  as  function  myFunc  { ...};  my  Obj.eventName  =  myFunc;. 

•  Minimize  the  use  of  Math  functions  and  floating-point  numbers.  Calculating  these  values  slows  performance.  If  you 
must  use  the  Math  routines,  consider  precalculating  the  values  and  storing  them  in  an  array  of  variables.  Retrieving 
the  values  from  a  data  table  is  much  faster  than  having  Flash  calculate  them  at  run  time. 

For  more  tips  and  techniques  for  creating  content  for  mobile  phones  and  devices,  see 

www.adobe.com/go/learn_cs_mobilewiki_en. 


Managing  Flash  Lite  file  memory  for  mobile  devices 

Flash  Lite  regularly  clears  from  memory  any  objects  and  variables  that  a  file  no  longer  references.  This  is  known  as 
garbage  collection.  Flash  Lite  runs  its  garbage-collection  process  once  every  60  seconds,  or  whenever  usage  of  file 
memory  increases  suddenly  by  20%  or  more. 

Although  you  cannot  control  how  and  when  Flash  Lite  performs  garbage  collection,  you  can  still  free  unneeded 
memory  deliberately.  For  timeline  or  global  variables,  use  the  delete  statement  to  free  the  memory  that  ActionScript 
objects  use.  For  local  variables — for  example,  a  variable  defined  within  a  function  definition — you  can’t  use  the  delete 
statement  to  free  an  object’s  memory,  but  you  can  set  to  null  the  variable  that  references  the  object.  This  frees  the 
memory  that  the  object  uses,  provided  there  are  no  other  references  to  that  object. 

The  following  two  code  examples  show  how  to  free  memory  that  objects  use  by  deleting  the  variable  that  references 
those  objects.  The  examples  are  identical,  except  that  the  first  example  creates  a  timeline  variable  and  the  second  creates 
a  global  variable. 
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//  First  case:  variable  attached  to  a  movie  or 
//  movie  clip  timeline 
// 

//  Create  the  Date  object, 
var  mcDateObject  =  new  Date ( ) ; 

//  Returns  the  current  date  as  a  string, 
trace (mcDateObject) ; 

//  Delete  the  object, 
delete  mcDateObject; 

//  Returns  undefined, 
trace (mcDateObject) ; 

// 

//  Second  case:  global  variable  attached  to  a  movie  or 
//  movie  clip  timeline 
// 

//  Create  the  Date  object. 

_global . gDateObj ect  =  new  Date ( ) ; 

//  Returns  the  current  date  as  a  string, 
trace (_global .gDateObj ect) ; 

//  Delete  the  object, 
delete  _global .gDateObj ect ; 

//  Returns  undefined, 
trace (_global .gDateObj ect) ; 

As  mentioned  previously,  you  cant  use  the  delete  statement  to  free  memory  that  a  local  function  variable  uses.  Instead, 
set  the  variable  reference  to  null,  which  has  the  same  effect  as  using  delete. 

function  func ( ) 

{ 

//  Create  the  Date  object, 
var  funcDateObj ect  =  new  Date ( ) ; 

//  Returns  the  current  date  as  a  string, 
trace (funcDateObj ect) ; 

//  Delete  has  no  effect, 
delete  funcDateObj ect ; 

//  Still  returns  the  current  date, 
trace (funcDateObj ect ) ; 

//  Set  the  object  reference  to  null. 
funcDateObj ect  =  null; 

//  Returns  null, 
trace (funcDateObj ect ) ; 

} 

//  Call  func()  function, 
func ( ) ; 

For  more  tips  and  techniques  for  creating  content  for  mobile  phones  and  devices,  see 
www.adobe.com/go/learn_cs_mobilewild_en. 


Loading  data  for  mobile  devices  in  Flash  Lite 

When  developing  files  for  mobile  devices,  minimize  the  amount  of  data  you  attempt  to  load  at  one  time.  If  you  are 
loading  external  data  into  a  Flash  Lite  file  (for  example,  using  XML.load),  the  device’s  operating  system  may  generate 
a  “memory  failure”  error  if  insufficient  memory  is  allocated  for  the  incoming  data.  This  situation  can  occur  even  if  the 
total  amount  of  remaining  memory  is  sufficient. 
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For  example,  suppose  a  file  attempts  to  load  an  XML  file  that’s  100  KB,  but  the  device’s  operating  system  has  allocated 
only  30  KB  to  handle  that  incoming  data  stream.  In  this  case,  Flash  Litedisplays  an  error  message  to  the  user,  indicating 
that  not  enough  memory  is  available. 

To  load  large  amounts  of  data,  group  the  data  in  smaller  pieces — for  example,  in  several  XML  files — and  make  several 
data-loading  calls  for  each  piece.  The  size  of  each  piece  of  data,  and  therefore  the  number  of  data-loading  calls  you  need 
to  make,  varies  by  device  and  file.  To  determine  an  appropriate  balance  between  the  number  of  data  requests  and  the 
likelihood  of  a  memory  failure,  test  files  on  a  variety  of  target  devices. 

For  optimum  performance,  avoid  loading  and  parsing  XML  files  if  possible.  Instead,  store  data  in  simple  name/value 
pairs  and  load  the  data  from  a  text  file  using  loadVars  or  from  precompiled  SWF  files. 

For  more  tips  and  techniques  for  creating  content  for  mobile  phones  and  devices,  see 
www. adobe.com/ go/learn_cs_mobilewiki_en. 


Exclude  classes  from  compilation  for  Flash  Lite 

To  reduce  the  size  of  a  SWF  file,  consider  excluding  classes  from  compilation  but  retaining  the  ability  to  access  and  use 
them  for  type  checking.  For  example,  try  this  if  you  are  developing  a  file  that  uses  multiple  SWF  files  or  shared  libraries, 
especially  those  that  access  many  of  the  same  classes.  Excluding  classes  helps  avoid  duplicating  classes  in  those  files. 

1  Create  a  new  XML  file. 

2  Name  the  XML  file  FLA_filename_exclude.xml,  where  FLA_filename  is  the  name  of  the  FLA  file  without  the  .fla 
extension.  For  example,  if  the  FLA  file  is  sellStocks.fla,  the  XML  filename  must  be  sellStocks_exclude.xml. 

3  Save  the  file  in  the  same  directory  as  the  FLA  file. 

4  Place  the  following  tags  in  the  XML  file: 

<excludeAssets> 

<asset  name=" classNamel"  /> 

<asset  name="className2"  /> 

</excludeAssets> 

The  values  specified  for  the  name  attributes  in  the  <asset>  tags  are  the  names  of  classes  that  should  be  excluded  from 
the  SWF  file.  Add  as  many  as  required  for  the  file.  For  example,  the  following  XML  file  excludes  the 
mxxore.UIObject  and  mx.screens. Slide  classes  from  the  SWF  file: 

<excludeAssets> 

<asset  name="mx . core . UlObj ect"  /> 

<asset  name="mx . screens . Slide"  /> 

</excludeAssets> 

For  more  tips  and  techniques  for  creating  content  for  mobile  phones  and  devices,  see 
www.adobe.com/go/learn_cs_mobilewiki_en. 


Best  practices  -  Structuring  FLA  files 
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Organizing  timelines  and  the  library 

Frames  and  layers  on  a  timeline  show  you  where  assets  are  placed  and  determine  how  your  document  works.  How  a 
timeline  and  the  library  are  set  up  and  used  affect  the  entire  FLA  file  and  its  overall  usability.  The  following  guidelines 
help  you  author  content  efficiently,  and  let  other  authors  who  use  your  FLA  documents  have  a  greater  understanding 
of  how  the  document  is  structured. 

•  Give  each  layer  an  intuitive  layer  name,  and  place  related  assets  together  in  the  same  location.  Avoid  using  the 
default  layer  names  (such  as  Layer  1,  Layer  2). 

Clearly  describe  the  purpose  or  content  of  each  layer  or  folder  when  you  name  them. 

If  applicable,  place  your  layers  that  include  ActionScript  and  a  layer  for  frame  labels  at  the  top  of  the  layer  stack  in 
the  timeline.  For  example,  name  the  layer  that  contains  your  ActionScript  actions. 

•  Use  layer  folders  to  group  and  organize  similar  layers,  to  facilitate  locating  the  layers  that  include  code  and  labels. 

•  Lock  layers  that  you  are  not  using  or  do  not  want  to  modify.  Lock  your  ActionScript  layer  immediately  so  that 
symbol  instances  or  media  assets  are  not  placed  on  that  layer. 

•  Never  put  any  instances  or  assets  on  a  layer  that  includes  ActionScript.  Because  this  can  potentially  cause  conflicts 
between  assets  on  the  Stage  and  ActionScript  that  references  them,  keep  all  of  your  code  on  its  own  actions  layer, 
and  lock  it  after  you  create  it. 

•  Use  frame  labels  in  a  FLA  file  instead  of  using  frame  numbers  in  your  ActionScript  code  if  you  reference  frames  in 
your  code.  If  those  frames  change  later  when  you  edit  the  timeline,  and  you  use  frame  labels  and  move  them  on  the 
timeline,  you  do  not  have  to  change  any  references  in  your  code. 

•  Use  library  folders. 

Use  folders  in  the  library  to  organize  similar  elements  (such  as  symbols  and  media  assets)  in  a  FLA  file.  If  you  name 
library  folders  consistently  each  time  you  create  a  file,  it  is  easier  to  remember  where  you  put  assets.  Commonly  used 
folder  names  are  Buttons,  MovieClips,  Graphics,  Assets,  Components,  and,  sometimes,  Classes. 


Using  scenes 

Using  scenes  is  similar  to  using  several  SWF  files  to  create  a  larger  presentation.  Each  scene  has  a  timeline.  When  the 
playhead  reaches  the  final  frame  of  a  scene,  the  playhead  progresses  to  the  next  scene.  When  you  publish  a  SWF  file, 
the  timeline  of  each  scene  combines  into  a  single  timeline  in  the  SWF  file.  After  the  SWF  file  compiles,  it  behaves  as  if 
you  created  the  FLA  file  using  one  scene.  Because  of  this  behavior,  avoid  using  scenes  for  the  following  reasons: 

•  Scenes  can  make  documents  confusing  to  edit,  particularly  in  multiauthor  environments.  Anyone  using  the  FLA 
document  might  have  to  search  several  scenes  within  a  FLA  file  to  locate  code  and  assets.  Consider  loading  content 
or  using  movie  clips  instead. 

•  Scenes  often  result  in  large  SWF  files. 

•  Scenes  force  users  to  progressively  download  the  entire  SWF  file,  instead  of  loading  the  assets  they  actually  want  to 
see  or  use.  If  you  avoid  scenes,  the  user  can  control  what  content  they  download  as  they  progress  through  your  SWF 
file.  The  user  has  more  control  over  how  much  content  they  download,  which  is  better  for  bandwidth  management. 
One  drawback  is  the  requirement  for  managing  a  greater  number  of  FLA  documents. 

•  Scenes  combined  with  ActionScript  might  produce  unexpected  results.  Because  each  scene  timeline  is  compressed 
onto  a  single  timeline,  you  might  encounter  errors  involving  your  ActionScript  and  scenes,  which  typically  requires 
extra,  complicated  debugging. 

If  you  create  lengthy  animations,  you  might  find  it  advantageous  to  use  scenes.  If  disadvantages  apply  to  your 
document,  consider  using  multiple  FLA  files,  or  movie  clips  to  build  an  animation  instead  of  using  scenes. 
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Saving  files  and  version  control 

When  you  save  your  FLA  files,  use  a  consistent  naming  scheme  for  your  documents.  This  is  particularly  important  if 
you  save  multiple  versions  of  a  single  project.nofe:  The  Project  Panel  is  deprecated  with  Flash  Professional  CC. 

Some  problems  might  occur  if  you  only  work  with  one  FLA  file  and  do  not  save  versions  when  you  create  the  file.  Files 
might  become  larger  because  of  the  history  that’s  saved  in  the  FLA  file,  or  become  corrupt  (as  with  any  software  you 
use)  while  you  are  working  on  the  file. 

If  you  save  multiple  versions  while  developing,  you  have  an  earlier  version  available  if  you  need  to  revert. 

Use  intuitive  names  for  your  files  that  are  easy  to  read,  not  cryptic,  and  work  well  online: 

•  Do  not  use  spaces,  capitalization,  or  special  characters. 

•  Only  use  letters,  numbers,  dashes,  and  underscores. 

•  If  you  save  multiple  versions  of  the  same  file,  devise  a  consistent  numbering  system  such  as  menuOl.swf, 
menu02.swf  and  so  on. 

•  Consider  using  all  lowercase  characters  in  your  naming  schemes,  because  some  server  software  is  case  sensitive. 

•  Consider  a  naming  system  that  uses  a  noun-verb  or  adjective- noun  combination  for  naming  files,  for  instance, 
classplanning.swf  and  myproject.swf. 

Use  the  following  methods  to  save  new  versions  of  a  FLA  file  when  you  build  an  extensive  project: 

•  Select  File  >  Save  As,  and  save  a  new  version  of  your  document. 

•  Use  version  control  software  or  the  Project  panel  to  control  your  Flash  Professional  documents.Mote:  The  Project 
Panel  is  deprecated  with  Flash  Professional  CC. 

If  you  are  not  using  version  control  software  to  create  backups  of  your  FLA  file,  use  Save  As  and  type  a  new  file  name 
for  your  document  after  every  milestone  in  your  project. 

Many  software  packages  allow  users  to  use  version  control  with  their  files,  which  enables  teams  to  work  efficiently 
and  reduce  errors  (such  as  overwriting  files  or  working  on  old  versions  of  a  document).  As  with  other  documents, 
you  can  use  these  programs  to  organize  the  Flash  Professional  documents  outside  Flash  Professional. 


Best  practices  -  Behaviors  conventions 


About  behaviors  conventions 

Behaviors  are  prewritten  ActionScript  2.0  code  that  you  can  add  to  parts  of  a  FLA  file.  Many  developers  enter 
ActionScript  code  either  into  one  or  several  frames  on  the  main  Timeline  or  in  external  ActionScript  files.  However, 
when  you  use  behaviors,  sometimes  code  is  placed  directly  on  symbol  instances  (such  as  buttons,  movie  clips,  or 
components)  instead  of  being  placed  on  the  timeline. 

Behaviors  are  not  supported  by  ActionScript  3.0. 
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Comparing  timeline  code  with  object  code 

To  avoid  problems  that  decentralized  ActionScript  2.0  code  creates,  carefully  plan  a  document  that  uses  behaviors. 
Many  developers  do  not  place  ActionScript  on  symbol  instances,  and  instead  place  their  code  on  the  Timeline  (timeline 
code)  or  in  classes.  Because  behaviors  add  code  to  many  locations  in  a  FLA  file,  your  ActionScript  is  not  centralized 
and  can  be  difficult  to  locate.  When  code  is  not  centralized,  it  is  difficult  to  understand  interactions  between  the 
snippets  of  code,  and  it  is  impossible  to  write  elegant  code.  Decentralized  code  can  potentially  lead  to  problems 
debugging  code  or  editing  files. 

If  you  use  behaviors,  try  the  following  features  to  facilitate  working  with  behaviors  and  decentralized  ActionScript: 
Script  Navigator  Makes  your  timeline  code  or  code  on  individual  objects  easy  to  find  and  edit  in  the  Actions  panel. 
Find  And  Replace  Lets  you  search  for  strings  and  replace  them  in  a  FLA  file. 

Script  Pinning  Lets  you  pin  multiple  scripts  from  various  objects  and  work  with  them  simultaneously  in  the  Actions 
panel.  This  method  works  best  with  the  Script  navigator. 

Movie  Explorer  Lets  you  view  and  organize  the  contents  of  a  FLA  file,  and  select  elements  (including  scripts)  for  further 
modification. 


When  to  use  behaviors 

The  main  difference  between  a  FLA  file  with  behaviors  and  a  FLA  file  without  behaviors  is  the  workflow  you  must  use 
for  editing  the  project.  If  you  use  behaviors,  you  must  select  each  instance  on  the  Stage,  or  select  the  Stage,  and  open 
the  Actions  or  Behaviors  panel  to  make  modifications.  If  you  write  your  own  ActionScript  and  put  all  your  code  on  the 
main  Timeline,  you  only  have  to  make  your  changes  on  the  Timeline. 

If  you  have  a  FLA  file  with  symbols,  you  can  select  one  of  the  instances  on  the  Stage,  and  use  the  Add  menu  on  the 
Behaviors  panel  to  add  a  behavior  to  that  instance.  The  behavior  you  select  automatically  adds  code  that  attaches  to  the 
instance,  using  “object  code”  such  as  the  onQ  handler.  You  can  also  select  a  frame  on  a  timeline,  and  add  different 
behaviors  to  a  frame  using  the  Behaviors  panel. 

Decide  how  to  structure  your  FLA  file.  Examine  how  and  where  to  use  behaviors  and  ActionScript  in  your  FLA  file. 
Consider  the  following  questions: 

•  What  code  do  the  behaviors  contain? 

•  Do  you  have  to  modify  the  behavior  code?  If  so,  by  how  much?  To  modify  the  behavior  code  to  any  extent,  do  not 
use  behaviors.  You  usually  cannot  edit  behaviors  by  using  the  Behaviors  panel  if  you  make  modifications  to  the 
ActionScript.  To  significantly  edit  the  behaviors  in  the  Actions  panel,  it  is  usually  easier  to  write  all  of  the 
ActionScript  yourself  in  a  centralized  location. 

•  What  other  ActionScript  do  you  need,  and  does  other  ActionScript  have  to  interact  with  the  behavior  code? 
Debugging  and  modifications  are  easier  to  make  from  a  central  location.  For  example,  if  code  on  a  timeline  interacts 
with  behaviors  placed  on  objects,  avoid  behaviors. 

•  How  many  behaviors  do  you  have  to  use,  and  where  do  you  plan  to  put  them  in  the  FLA  file?  If  your  behaviors  are 
all  placed  on  a  timeline,  they  might  work  well  in  your  document.  Or,  your  workflow  might  not  be  affected  if  you  use 
only  a  small  number  of  behaviors.  However,  if  you  use  many  behaviors  on  a  lot  of  object  instances,  writing  your  own 
code  on  the  Timeline  or  in  external  ActionScript  files  might  be  more  efficient. 

Remember,  ActionScript  3.0  does  not  support  behaviors. 
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Using  behaviors  consistently 

Use  behaviors  consistently  throughout  a  document  when  they  are  your  main  or  only  source  of  ActionScript.  Use 
behaviors  when  you  have  little  or  no  additional  code  in  the  FLA  file,  or  have  a  consistent  system  in  place  for  managing 
the  behaviors  that  you  use. 

If  you  add  ActionScript  to  a  FLA  file,  put  code  in  the  same  locations  where  behaviors  are  added,  and  document  how 
and  where  you  add  code. 

For  example,  if  you  place  code  on  instances  on  the  Stage  (object  code),  on  the  main  Timeline  (frame  scripts),  and  also 
in  external  AS  files,  examine  your  file  structure.  Your  project  will  be  difficult  to  manage  if  you  have  code  in  all  of  these 
places.  However,  if  you  logically  use  behaviors  and  structure  your  code  to  work  in  a  particular  way  surrounding  those 
behaviors  (place  everything  on  object  instances),  at  least  your  workflow  is  consistent.  The  document  will  be  easier  to 
modify  later. 


Sharing  files  that  use  behaviors 

If  you  plan  to  share  your  FLA  file  with  other  users  and  you  use  ActionScript  placed  on  or  inside  objects  (such  as  movie 
clips),  it  can  be  difficult  for  those  users  to  find  your  code’s  location,  even  when  they  use  the  Movie  Explorer  to  search 
through  the  document. 

Document  the  use  of  behaviors  if  you  are  working  with  a  complex  document.  Depending  on  the  size  of  the  application, 
create  a  flow  chart,  list,  or  use  good  documentation  comments  in  a  central  location  on  the  main  Timeline. 

If  you  are  creating  a  FLA  file  with  code  placed  in  many  locations  throughout  the  document  and  plan  to  share  the  file, 
leave  a  comment  on  Frame  1  on  the  main  Timeline  to  tell  users  where  to  find  the  code  and  how  the  file  is  structured. 
The  following  example  shows  a  comment  (on  Frame  1)  that  tells  users  the  location  of  the  ActionScript: 

/* 

ActionScript  placed  on  component  instances  and  inside  movie  clips  using  behaviors. 

Use  the  Movie  Explorer  to  locate  ActionScript 

*/ 

Note:  This  technique  is  not  necessary  if  your  code  is  easy  to  find,  the  document  is  not  shared,  or  all  of  your  code  is  placed 
on  frames  of  the  main  Timeline. 


Best  practices  -  SWF  application  authoring  guidelines 


About  SWF  application  guidelines 

The  best  way  to  create  Flash  Professional  applications  depends  on  the  application  you  create  and  the  technology  that 
you  are  using  to  build  the  application. 
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An  online  application  lets  a  user  influence  a  website  by  interacting  with  it.  For  example,  the  application  might  collect 
information  from  the  user  (such  as  a  username  and  password  for  a  registration),  information  might  be  added  to  the  site 
(such  as  in  a  forum),  or  the  user  might  interact  in  real  time  with  other  site  visitors  (such  as  a  chat  room  or  interactive 
white  board).  Results  from  the  server  often  appear  in  the  SWF  file,  depending  on  the  interaction.  These  examples  are 
applications  that  involve  the  user  and  different  kinds  of  server  interaction.  A  website  that  does  not  use  visitor 
information  or  data  is  not  an  application  (for  example,  a  portfolio,  cartoon  animation,  or  static  informational  site). 
Flash  Professional  applications  involve  an  interactive  process  between  the  user,  a  web  application,  and  a  server.  The 
basic  process  is  as  follows: 

1  A  user  enters  information  into  a  SWF  file. 

2  The  information  is  converted  into  data. 

3  The  data  is  formatted  and  sent  to  a  web  server. 

4  The  data  is  collected  by  the  web  server  and  sent  to  an  application  server  (for  example,  ColdFusion,  PFIP,  or  ASP). 

5  The  data  is  processed  and  sent  back  to  the  web  server. 

6  The  web  server  sends  the  results  to  the  SWF  file. 

7  The  SWF  file  receives  the  formatted  data. 

8  Your  ActionScript  processes  the  data  so  the  application  can  use  it. 

When  you  build  an  application,  you  must  select  a  protocol  for  transferring  data.  The  protocol  alerts  the  application 
when  data  is  sent  or  received,  in  what  format  the  data  is  transferred,  and  how  it  handles  a  server’s  response.  After  data 
is  received  in  the  SWF  file,  it  must  be  manipulated  and  formatted.  If  you  use  a  protocol,  you  do  not  have  to  worry  about 
data  being  in  an  unexpected  format.  When  you  transfer  data  using  name-value  pairs,  you  can  check  how  the  data  is 
formatted.  Check  that  the  data  is  formatted  correctly,  so  you  do  not  receive  XML  formatted  data  and  so  the  SWF  file 
knows  what  data  to  expect  and  work  with. 


Collecting  and  formatting  data 

Applications  depend  on  user  interaction  with  the  SWF  file.  Frequently,  it  depends  on  the  user  entering  data  into  forms. 
Flash  Professional  provides  many  ways  you  can  enter  and  format  data  in  Flash  Professional  applications.  This  flexibility 
exists  because  of  the  capabilities  you  have  with  animation  and  creative  control  over  the  interface,  and  error  checking 
and  validation  you  can  perform  using  ActionScript. 

Benefits  from  using  Flash  Professional  to  build  forms  to  collect  data  include  the  following: 

•  Increased  design  control. 

•  Decreased  or  no  need  for  page  refreshing. 

•  Reuse  of  common  assets. 

Tip:  To  save  information  that  you  collect  from  the  user,  save  it  in  a  shared  object  on  the  user’s  computer.  Shared 
objects  let  you  store  data  on  a  user’s  computer,  which  is  similar  to  using  a  cookie.  For  more  information  on  Shared 
objects,  see  the  sharedObject  class  in  ActionScript  2.0  Language  Reference  or  ActionScript  3.0  Language  and 
Components  Reference. 


Sending  and  processing  data 

You  must  typically  process  information  before  you  send  it  to  the  server,  so  it’s  formatted  in  a  way  that  the  server 
understands.  When  the  server  receives  the  data,  it  can  be  manipulated  in  any  number  of  ways  and  sent  back  to  the  SWF 
file  in  a  format  that  it  can  accept,  which  can  range  from  name-value  pairs  to  complex  objects. 
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Note:  Your  application  server  must  have  the  MIME  type  of  its  output  set  to  application/x-www-urlform-encoded.  If  that 
MIME  type  is  missing,  the  result  is  usually  unusable  when  it  reaches  Flash  Professional. 

The  following  table  shows  you  several  options  for  sending  data  to  a  server  and  receiving  data  using  Flash  Professional: 


Send  data 

Description 

LoadVars.send  and  LoadVars.sendAndLoad 

Sends  name-value  pairs  to  a  server-side  script  for  processing. 
LoadVars.send  sends  variables  to  a  remote  script  and  ignores  any 
response.  LoadVar.sendAndLoad  sends  name-value  pairs  to  a  server 
and  loads  or  parses  the  response  into  a  target  LoadVars  object. 

XML.send  and  XML.sendAndLoad 

Similar  to  LoadVars,  but  XML.send  and  XML.sendAndLoad  send  XML 
packets  instead  of  name-value  pairs. 

getURL 

Using  the  getURLO  function  or  MovieClip.getURL  method,  you  can 
send  variables  from  Flash  Professional  to  a  frame  or  pop-up  window. 

Flash  Remoting 

Lets  you  easily  exchange  complex  information  between  Flash 
Professional  and  ColdFusion,  ASP.NET,  Java,  and  more.  You  can  also  use 
Flash  Remoting  to  consume  web  services. 

Web  services 

Adobe  Flash  Professional  includes  the  WebServiceConnector 
component  that  lets  you  connect  to  remote  web  services,  send  and 
receive  data,  and  bind  results  to  components.  This  lets  Flash 
Professional  developers  quickly  create  Rich  Internet  Applications 
without  having  to  write  a  single  line  of  ActionScript. 

You  can  consume  remote  web  services  by  using  WebServiceClasses, 
which  can  require  writing  complex  ActionScript. 

Adding  data  loading  and  validation 

Validate  any  information  you  retrieve  before  you  send  that  data  to  a  server.  This  reduces  strain  on  the  remote  server, 
because  it  does  not  handle  as  many  requests  when  users  do  not  fill  in  required  fields.  Never  rely  solely  on  client-side 
validation  in  any  application;  server-side  validation  must  also  occur. 

Even  if  you  build  a  simple  registration  or  login  form,  check  that  the  user  has  entered  their  name  and  password.  Perform 
this  validation  before  sending  the  request  to  the  remote  server-side  script  and  waiting  for  a  result.  Do  not  rely  only  on 
server-side  validation.  If  a  user  enters  only  a  username,  the  server-side  script  must  receive  the  request,  validate  the  data 
being  sent,  and  return  an  error  message  to  the  Flash  Professional  application,  stating  that  it  requires  both  the  username 
and  password.  Likewise,  if  validation  is  performed  only  on  the  client  side  (within  the  SWF  file),  a  user  might  hack  the 
SWF  file,  bypass  the  validation,  and  send  data  to  your  server  in  an  attempt  to  post  the  bad  data. 

Client-side  validation  can  be  as  simple  as  making  sure  that  a  form  field  is  at  least  one  character  long,  or  that  the  user 
entered  a  numeric  value  and  not  a  string.  To  validate  an  e-mail  address,  for  example,  check  that  the  text  field  in  Flash 
Professional  isn’t  empty  and  contains  at  least  the  at  sign  (@)  and  dot  (.)  characters.  For  the  server-side  validation,  add 
more  complex  validation  and  check  that  the  e-mail  address  belongs  to  a  valid  domain. 

You  must  write  ActionScript  to  handle  the  data  that  loads  into  the  SWF  file  from  the  server.  After  you  finish  loading 
data  into  a  SWF  file,  the  data  can  be  accessed  from  that  location.  Use  ActionScript  to  check  whether  the  data  is  fully 
loaded.  You  can  use  callback  functions  or  listeners  to  send  a  signal  that  the  data  is  loaded  into  the  document. 

When  you  load  data,  it  can  be  formatted  in  several  ways: 

•  You  might  load  XML,  in  which  case  you  use  the  XML  class  methods  and  properties  to  parse  the  data  and  use  it.  If 
you  use  name-value  pairs,  the  pairs  turn  into  variables  and  you  can  manipulate  them  as  variables. 

•  You  might  receive  data  from  a  web  service  or  from  Flash  Remoting. 
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In  both  cases,  you  could  receive  complex  data  structures,  such  as  arrays,  objects,  or  record  sets,  which  you  must  parse 
and  bind  appropriately. 


Using  error  handling  and  debugging 

Your  application  needs  to  be  robust  enough  to  anticipate  certain  errors  and  handle  them  accordingly. 

One  of  the  best  ways  to  perform  error  handling  in  ActionScript  2.0  is  to  use  the  try-catch-finally  blocks  that  let  you 
throw  and  catch  custom  errors.  By  creating  custom  error  classes,  you  can  reuse  code  throughout  your  application 
without  having  to  rewrite  error  handling  code.  For  more  information  on  throwing  custom  errors,  see  the  Error  class  in 
ActionScript  2.0  Language  Reference.  For  more  information  on  try-catch-finally  blocks,  see  try..catch..finally  in 
ActionScript  2.0  Language  Reference. 

In  ActionScript  3.0,  use  the  flash.errors  class  to  catch  errors. 

For  more  information,  see  “Handling  synchronous  errors  in  an  application”  in  Programming  ActionScript  3.0. 


Organizing  files  and  storing  code 

Consider  the  following  guidelines  before  you  start  organizing  files  and  storing  code: 

•  Do  you  divide  the  SWF  file  into  multiple  SWF  files,  and,  if  so,  how  should  they  interact? 

•  What  assets  can  you  share  across  SWF  files? 

•  What  files  do  you  dynamically  load? 

•  How  and  where  do  you  store  ActionScript? 

When  you  develop  an  application,  store  your  server-side  code  and  files  in  a  logical  directory  structure,  similar  to 
those  in  an  ActionScript  package.  Arrange  your  code  this  way  to  keep  it  well  organized  and  reduce  the  risk  of  the 
code  being  overwritten. 

For  larger  applications,  encapsulate  client-server  communication  and  services  in  classes.  When  you  use  classes,  you 
benefit  in  the  following  ways: 

•  You  can  reuse  the  code  in  more  than  one  SWF  file. 

•  You  can  edit  code  in  a  central  place,  and  update  all  SWF  files  by  republishing  them. 

•  You  can  create  a  single  API  that  can  manipulate  different  UI  elements  or  other  assets  that  perform  similar  functions. 


Using  the  MVC  design  pattern 

The  MVC  design  pattern  is  used  to  separate  the  information,  output,  and  data  processing  in  the  application.  The 
application  is  divided  into  three  elements:  model,  view,  and  controller;  each  element  handles  a  different  part  of  the 
process. 

The  model  Incorporates  the  data  and  rules  of  the  application.  Much  of  the  application’s  processing  occurs  in  this  part 
of  the  design  pattern.  The  model  also  contains  any  components  (such  as  CFCs,  EJBs,  and  web  services),  and  the 
database.  Data  returned  is  not  formatted  for  the  interface  (or  front  end)  of  the  application  in  this  part  of  the  process. 
The  returned  data  can  be  used  for  different  interfaces  (or  views). 

The  view  Handles  the  front  end  of  the  application  (the  interface  with  which  the  user  interacts),  and  renders  the  model’s 
contents.  The  interface  specifies  how  the  model’s  data  is  presented  and  outputs  the  view  for  the  user  to  use,  and  lets  the 
user  access  or  manipulate  the  application’s  data.  If  the  model  changes,  the  view  updates  to  reflect  those  changes  by  either 
pushing  or  pulling  data  (sending  or  requesting  data).  If  you  create  a  hybrid  web  application  (for  example,  one  that 
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includes  Flash  Professional  interacting  with  other  applications  on  the  page),  consider  the  multiple  interfaces  as  part  of 
the  view  in  the  design  pattern.  The  MVC  design  pattern  supports  handling  a  variety  of  views. 

The  controller  Handles  the  requirements  of  the  model  and  view  to  process  and  display  data,  and  typically  contains  a 
lot  of  code.  It  calls  any  part  of  the  model,  depending  on  user  requests  from  the  interface  (or  view),  and  contains  code 
that’s  specific  to  the  application.  Because  this  code  is  specific  to  the  application,  it  is  usually  not  reusable.  However,  the 
other  components  in  the  design  pattern  are  reusable.  The  controller  does  not  process  or  output  any  data,  but  it  takes 
the  request  from  the  user  and  decides  what  part  of  the  model  or  view  components  it  needs  to  call,  and  determines  where 
to  send  the  data  and  what  formatting  is  applied  to  the  returned  data.  The  controller  ensures  that  views  have  access  to 
parts  of  the  model  data  that  they  must  display.  The  controller  typically  transmits  and  responds  to  changes  that  involve 
the  model  and  view. 

Each  part  of  the  model  is  built  as  a  self-contained  component  in  the  overall  process.  If  you  change  one  part  of  the  model 
(for  example,  you  might  rework  the  interface),  the  other  parts  of  the  process  do  not  usually  need  modification,  which 
reduces  problems.  If  your  design  pattern  is  created  correctly,  you  can  change  the  view  without  reworking  the  model  or 
controller.  If  your  application  does  not  use  MVC,  making  changes  anywhere  can  cause  a  rippling  effect  across  all  your 
code,  which  requires  many  more  changes  than  if  you  were  using  a  specific  design  pattern. 

An  important  reason  to  use  the  MVC  pattern  is  to  separate  data  and  logic  from  the  user  interface.  By  separating  these 
parts  of  the  process,  you  can  have  several  different  graphical  interfaces  that  use  the  same  model  and  unformatted  data. 
This  means  that  you  can  use  your  application  with  different  Flash  Professional  interfaces,  such  as  an  interface  for  the 
web,  one  for  Pocket  PC,  a  version  for  cell  phones,  and  perhaps  an  HTML  version  that  doesn’t  use  Flash  Professional  at 
all.  Separating  data  from  the  rest  of  the  application  can  greatly  reduce  the  time  it  takes  to  develop,  test,  and  even  update 
more  than  one  client  interface.  Similarly,  adding  new  front  ends  for  the  same  application  is  easier  if  you  have  an  existing 
model  to  use. 

Only  use  MVC  if  you  build  a  large  or  complex  application,  such  as  an  e-commerce  website  or  an  e-learning  application. 
Using  the  architecture  requires  planning  and  understanding  how  Flash  Professional  and  this  design  pattern  work. 
Carefully  consider  how  the  different  pieces  interact  with  each  other;  this  typically  involves  testing  and  debugging. 
When  you  use  MVC,  testing  and  debugging  are  more  involved  and  difficult  than  in  typical  Flash  Professional 
applications.  If  you  build  an  application  in  which  you  need  the  additional  complexity,  consider  using  MVC  to  organize 
your  work. 


Creating  secure  applications 

Dishonest  users  might  try  to  hack  your  application,  whether  you  build  a  small  portal  site  where  users  can  log  in  and 
read  articles  or  a  large  e-commerce  store.  For  this  reason,  consider  the  following  steps  to  secure  your  application. 

•  Post  data  to  HTTPS  for  data  that  needs  to  be  secured.  Encrypt  values  in  Flash  Professional  before  sending  them  to 
a  remote  server  to  be  processed. 

Note:  Never  store  any  information  or  code  in  a  SWF  file  that  you  don't  want  users  to  see.  It  is  easy  to  disassemble  SWF 
files  and  view  their  contents  using  third-party  software. 

•  Add  a  cross-domain  policy,  which  prevents  unauthorized  domains  from  accessing  your  assets. 


Best  practices  -  Optimizing  FLAfiles  for  SWF  output 
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Optimize  Flash  documents 

As  your  document  file  size  increases,  so  does  its  download  time  and  playback  speed.  You  can  take  several  steps  to 
prepare  your  document  for  optimal  playback.  As  part  of  the  publishing  process,  Flash  Professional  automatically 
performs  some  optimization  on  documents.  Before  exporting  a  document,  you  can  optimize  it  further  by  using  various 
strategies  to  reduce  the  file  size.  You  can  also  compress  a  SWF  file  as  you  publish  it.  As  you  make  changes,  test  your 
document  by  running  it  on  a  variety  of  computers,  operating  systems,  and  Internet  connections. 

The  following  video  tutorial  describes  several  methods  for  optimizing  FLA  files.  The  video  shows  Flash  Professional 
CS3,  but  is  still  applicable  to  Flash  Professional  CS5. 

•  Optimizing  animations  and  FLA  files  (7:24) 

Optimize  documents 

•  Use  symbols,  animated  or  otherwise,  for  every  element  that  appears  more  than  once. 

•  Use  tweened  animations  whenever  possible  when  creating  animation  sequences.  Tweened  animations  use  less  file 
space  than  a  series  of  keyframes. 

•  Use  movie  clips  instead  of  graphic  symbols  for  animation  sequences. 

•  Limit  the  area  of  change  in  each  keyframe;  make  the  action  take  place  in  as  small  an  area  as  possible. 

•  Avoid  animating  bitmap  elements;  use  bitmap  images  as  background  or  static  elements. 

•  Use  mp3,  the  smallest  sound  format,  whenever  possible. 

Optimize  elements  and  lines 

•  Group  elements. 

•  Use  layers  to  separate  elements  that  change  during  the  animation  from  elements  that  do  not. 

•  Use  Modify  >  Shape  >  Optimize  to  minimize  the  number  of  separate  lines  that  are  used  to  describe  shapes. 

•  Limit  the  number  of  special  line  types,  such  as  dashed,  dotted,  ragged,  and  so  on.  Solid  lines  require  less  memory. 
Lines  created  with  the  Pencil  tool  require  less  memory  than  brush  strokes. 

Optimize  text  and  fonts 

•  Limit  the  number  of  fonts  and  font  styles.  Use  embedded  fonts  sparingly  because  they  increase  file  size. 

•  For  Embed  Fonts  options,  select  only  the  characters  needed  instead  of  including  the  entire  font. 

Optimize  colors 

•  Use  the  Color  menu  in  the  Symbol  Property  inspector  to  create  many  instances  of  a  single  symbol  in  different  colors. 

•  Use  the  Color  panel  (Window  >  Color)  to  match  the  color  palette  of  the  document  to  a  browser-specific  palette. 

•  Use  gradients  sparingly.  Filling  an  area  with  gradient  color  requires  about  50  bytes  more  than  filling  it  with  solid 
color. 

•  Use  alpha  transparency  sparingly  because  it  can  slow  playback. 


Speed  up  document  display 

To  speed  up  the  document  display,  use  commands  in  the  View  menu  to  turn  off  rendering-quality  features  that  require 
extra  computing  and  slow  down  document  display. 
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None  of  these  commands  have  any  effect  on  how  Flash  Professional  exports  a  document.  To  specify  the  display  quality 
of  Flash  Professional  documents  in  a  web  browser,  use  the  object  and  embed  parameters.  The  Publish  command  can 
do  this  for  you  automatically. 

❖  Select  View  >  Preview  Mode,  and  select  from  the  following  options: 

Outlines  Displays  only  the  outlines  of  the  shapes  in  your  scene  and  causes  all  lines  to  appear  as  thin  lines.  This 
makes  it  easier  to  reshape  your  graphic  elements  and  to  display  complex  scenes  quickly. 

Fast  Turns  off  anti-aliasing  and  displays  all  the  colors  and  line  styles  of  your  drawing. 

Antialias  Turns  on  anti-aliasing  for  lines,  shapes,  and  bitmaps  and  displays  shapes  and  lines  so  that  their  edges 
appear  smoother  on  the  screen.  Draws  more  slowly  than  the  Fast  option.  Anti-aliasing  works  best  on  video  cards 
that  provide  thousands  (16-bit)  or  millions  (24-bit)  of  colors.  In  16-  or  256-color  mode,  black  lines  are  smoothed, 
but  colors  might  look  better  in  Fast  mode. 

Antialias  Text  Smooths  the  edges  of  any  text.  Works  best  with  large  font  sizes  and  can  be  slow  with  large  amounts 
of  text.  This  is  the  most  common  mode  in  which  to  work. 

Full  Renders  all  content  on  the  Stage  fully.  Might  slow  down  display. 


Optimizing  graphics  and  animation 

Before  you  create  optimized  and  streamlined  animations  or  graphics,  outline  and  plan  your  project.  Make  a  target  for 
the  file  size  and  length  of  the  animation,  and  test  throughout  the  development  process. 

Follow  these  guidelines  to  optimize  graphics  and  animation: 

•  Avoid  using  gradients,  because  they  require  many  colors  and  calculations  to  be  processed,  which  is  more  difficult 
for  a  computer  processor  to  render. 

•  For  the  same  reason,  keep  the  amount  of  alpha  or  transparency  you  use  in  a  SWF  file  to  a  minimum. 

Animating  objects  that  include  transparency  is  processor-intensive  and  should  be  kept  to  a  minimum.  Animating 
transparent  graphics  over  bitmaps  is  a  particularly  processor-intensive  kind  of  animation,  and  must  be  kept  to  a 
minimum  or  avoided  completely. 

note:  The  best  bitmap  format  to  import  into  Flash  Professional  is  PNG,  which  is  the  native  file  format  of  Macromedia 
Fireworks  from  Adobe.  PNG  files  have  RGB  and  alpha  information  for  each  pixel.  If  you  import  a  Fireworks  PNG  file 
into  Flash  Professional,  you  retain  some  ability  to  edit  the  graphic  objects  in  the  FLA  file. 

•  Optimize  bitmaps  without  overcompressing  them.  A  72-dpi  resolution  is  optimal  for  the  web.  Compressing  a 
bitmap  image  reduces  file  size,  but  compressing  it  too  much  compromises  the  quality  of  the  graphic.  Check  that  the 
settings  for  JPEG  quality  in  the  Publish  Settings  dialog  box  do  not  overcompress  the  image.  Representing  an  image 
as  a  vector  graphic  is  preferable  in  most  cases.  Using  vector  images  reduces  file  size,  because  the  images  are  made 
from  calculations  instead  of  many  pixels.  Limit  the  number  of  colors  in  your  image  while  still  retaining  quality. 

note:  Avoid  scaling  bitmaps  larger  than  their  original  dimensions,  because  it  reduces  the  quality  of  the  image  and  is 
processor  intensive. 

•  Set  the  _visible  property  to  false  instead  of  changing  the  _alpha  level  to  0  or  1  in  a  SWF  file.  Calculating  the  _alpha 
level  for  an  instance  on  the  Stage  is  processor  intensive.  If  you  disable  the  instance’s  visibility,  it  saves  CPU  cycles  and 
memory,  which  can  give  your  SWF  files  smoother  animations.  Instead  of  unloading  and  possibly  reloading  assets, 
set  the  _visible  property  to  false,  which  is  less  processor-intensive. 
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•  Reduce  the  number  of  lines  and  points  you  use  in  a  SWF  file.  Use  the  Optimize  Curves  dialog  box  (Modify  >  Shape 
>  Optimize)  to  reduce  the  number  of  vectors  in  a  drawing.  Select  the  Use  Multiple  Passes  option  for  more 
optimization.  Optimizing  a  graphic  reduces  file  size,  but  compressing  it  too  much  compromises  its  quality.  However, 
optimizing  curves  reduces  your  file  size  and  improves  SWF  file  performance.  Third-party  options  are  available  for 
specialized  optimization  of  curves  and  points  that  yield  different  results. 

To  get  the  best  results,  try  different  ways  of  producing  animated  content,  and  test  each  of  the  options. 

A  higher  frame  rate  (measured  in  frames  per  second,  or  fps)  produces  smooth  animation  in  a  SWF  file  but  it  can  be 
processor- intensive,  particularly  on  older  computers.  Test  your  animations  at  different  frame  rates  to  find  the  lowest 
frame  rate  possible. 

For  a  sample  of  scripted  animation,  see  the  Flash  Samples  web  page  at  www.adobe.com/go/learn_fl_samples. 
Download  and  decompress  the  Samples  zip  file  and  navigate  to  the  ActionScript2.0/ Animation  folder  to  access  the 
sample. 


Animation  frame  rate  and  performance 

When  you  add  animation  to  an  application,  consider  the  frame  rate  that  you  set  your  FLA  file  to.  Frame  rate  can  affect 
the  performance  of  your  SWF  file  and  the  computer  that  plays  it.  Setting  a  frame  rate  too  high  can  lead  to  processor 
problems,  especially  when  you  use  many  assets  or  use  ActionScript  to  create  animation. 

However,  you  also  need  to  consider  the  frame  rate  setting,  because  it  affects  how  smoothly  your  animation  plays.  For 
example,  an  animation  set  to  12  frames  per  second  (fps)  in  the  Property  inspector  plays  12  frames  each  second.  If  the 
document's  frame  rate  is  set  to  24  fps,  the  animation  appears  to  animate  more  smoothly  than  if  it  ran  at  12  fps.  However, 
your  animation  at  24  fps  also  plays  faster  than  it  does  at  12  fps,  so  the  total  duration  (in  seconds)  is  shorter.  Therefore, 
to  make  a  5-second  animation  using  a  higher  frame  rate,  you  must  add  additional  frames  to  fill  those  five  seconds  than 
at  a  lower  frame  rate  (and  thus,  raises  the  total  file  size  of  your  animation).  A  5-second  animation  at  24  fps  typically  has 
a  higher  file  size  than  a  5-second  animation  at  12  fps. 

Note:  When  you  use  an  onEnterFrame  event  handler  to  create  scripted  animations,  the  animation  runs  at  the  document's 
frame  rate,  similar  to  if  you  created  a  motion  tween  on  a  timeline.  An  alternative  to  the  onEnterFrame  event  handler  is 
setlnterval  (see  ActionScript  2.0  Language  Reference).  Instead  of  depending  on  frame  rate,  you  call  functions  at  a  specified 
interval.  Like  onEnterFrame,  the  more  frequently  you  use  setlnterval  to  call  a  function,  the  more  resource  intensive  the 
animation  is  on  your  processor. 

Use  the  lowest  possible  frame  rate  that  makes  your  animation  appear  to  play  smoothly  at  runtime,  which  helps  reduce 
the  strain  on  the  end-user's  processor.  High  frame  rates  (more  than  30  to  40  fps)  put  a  lot  of  stress  on  processors,  and 
do  not  change  the  appearance  of  the  animation  much  or  at  all  at  runtime. 

Select  a  frame  rate  for  your  animation  as  early  as  possible  in  the  development  process.  When  you  test  the  SWF  file, 
check  the  duration,  and  the  SWF  file  size,  of  your  animation.  The  frame  rate  greatly  affects  the  speed  of  the  animation. 


Filters  and  SWF  file  performance 

If  you  use  too  many  filters  in  an  application,  you  can  use  large  amounts  of  memory  and  cause  Flash  Player  performance 
to  suffer.  Because  a  movie  clip  with  filters  attached  has  two  bitmaps  that  are  both  32-bit,  these  bitmaps  can  cause  your 
application  to  use  a  significant  amount  of  memory  if  you  use  many  bitmaps.  The  computer's  operating  system  might 
generate  an  out-of-memory  error.  On  a  modern  computer,  out-of-memory  errors  should  be  rare,  unless  you  are  using 
filter  effects  extensively  in  an  application  (for  example,  you  have  thousands  of  bitmaps  on  the  Stage). 

However,  if  you  do  encounter  an  out-of-memory  error,  the  following  occurs: 

•  The  filters  array  is  ignored. 
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•  The  movie  clip  is  drawn  using  the  regular  vector  Tenderer. 

•  No  bitmaps  are  cached  for  the  movie  clip. 

After  an  out-of-memory  error  occurs,  a  movie  clip  never  attempts  to  use  a  filters  array  or  a  bitmap  cache.  Another 
factor  that  affects  player  performance  is  the  value  that  you  use  for  the  quality  parameter  for  each  filter  that  you  apply. 
Higher  values  require  more  CPU  and  memory  for  the  effect  to  render,  whereas  setting  the  quality  parameter  to  a 
lower  value  requires  fewer  computer  resources.  Avoid  using  an  excessive  number  of  filters,  and  use  a  lower  quality 
setting  when  possible. 

Note:  If  a  100  pixel  by  100  pixel  object  is  zoomed  in  once,  it  uses  four  times  the  memory  since  the  content's  dimensions 
are  now  200 pixels  by  200 pixels.  If  you  zoom  another  two  times,  the  shape  is  drawn  as  an  800 pixel  by  800 pixel  object 
which  uses  64  times  the  memory  as  the  original  100  pixel  by  100  pixel  object.  Whenever  you  use  filters  in  a  SWF  file, 
disable  the  zoom  menu  options  from  the  SWF  file's  context  menu. 

You  can  encounter  errors  if  you  use  invalid  parameter  types.  Some  filter  parameters  also  have  a  particular  valid 
range.  If  you  set  a  value  that's  outside  of  the  valid  range,  the  value  changes  to  a  valid  value  that's  within  the  range. 
For  example,  quality  should  be  a  value  from  1  to  3  for  a  standard  operation,  and  can  only  be  set  to  0  to  1 5.  Anything 
higher  than  15  is  set  to  15. 

Some  constructors  have  restrictions  on  the  length  of  arrays  required  as  input  parameters.  If  a  convolution  filter  or 
color  matrix  filter  is  created  with  an  invalid  array  (not  the  right  size),  the  constructor  fails  and  the  filter  is  not  created 
successfully.  If  the  filter  object  is  then  used  as  an  entry  on  a  movie  clip's  filters  array,  it  is  ignored. 

Tip:  When  using  a  blur  filter,  using  values  for  blurX  and  blurY  that  are  powers  of  2  (such  as  2,  4,  8,  16,  and  32)  can 
be  computed  faster  and  give  a  20%  to  30%  performance  improvement. 


Bitmap  caching  and  SWF  file  performance 

Bitmap  caching  helps  you  enhance  the  performance  of  non  changing  movie  clips  in  your  applications.  When  you  set  the 
MovieClip.cacheAsBitmap  or  Button.cacheAsBitmap  property  to  true,  Flash  Player  caches  an  internal  bitmap 
representation  of  the  movie  clip  or  button  instance.  This  can  improve  performance  for  movie  clips  that  contain  complex 
vector  content.  All  of  the  vector  data  for  a  movie  clip  that  has  a  cached  bitmap  is  drawn  to  the  bitmap,  instead  of  to  the 
main  Stage. 

Note:  The  bitmap  is  copied  to  the  main  Stage  as  unstretched,  unrotated  pixels  snapped  to  the  nearest  pixel  boundaries. 
Pixels  are  mapped  one-to-one  with  the  parent  object.  If  the  bounds  of  the  bitmap  change,  the  bitmap  is  re-created  instead 
of  being  stretched. 

For  detailed  information  on  caching  button  or  movie  clip  instances  see  the  following  topics: 

•  About  caching  and  scrolling  movie  clips  with  ActionScript  in  Learning  ActionScript  2.0  in  Adobe  Flash 

•  Caching  a  movie  clip  in  Learning  ActionScript  2.0  in  Adobe  Flash 

Use  the  cacheAsBitmap  property  with  movie  clips  with  mostly  static  content  and  that  do  not  scale  and  rotate 
frequently.  With  such  movie  clips,  using  the  cacheAsBitmap  property  can  lead  to  performance  improvements  when 
the  movie  clip  is  translated  (when  its  x  and  y  position  is  changed). 

Enabling  caching  for  a  movie  clip  creates  a  surface,  which  has  several  advantages,  such  as  helping  complex  vector 
animations  to  render  fast.  In  some  situations,  enabling  caching  does  not  improve  performance,  or  even  decrease  it. 

Overall  performance  of  cached  data  depends  on  how  complex  the  vector  data  of  your  instances  are,  how  much  of 
the  data  you  change,  and  whether  or  not  you  set  the  opaqueBackground  property.  If  you  are  changing  small  regions, 
the  difference  between  using  a  surface  and  using  vector  data  might  be  negligible.  Test  both  scenarios  with  your  work 
before  you  deploy  the  application. 

When  to  use  bitmap  caching 
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The  following  are  typical  scenarios  in  which  you  might  see  significant  benefits  when  you  enable  bitmap  caching  by 
optimizing  vector  graphics. 

Complex  background  image  An  application  that  contains  a  detailed  and  complex  background  image  of  vector  data.  To 
improve  performance,  select  the  content,  store  it  in  a  movie  clip,  and  set  the  opaqueBackground  property  to  true.  The 
background  is  rendered  as  a  bitmap  and  can  be  redrawn  quickly,  so  that  your  animation  plays  faster. 

Scrolling  text  field  An  application  that  displays  a  large  amount  of  text  in  a  scrolling  text  field.  Place  the  text  field  in  a 
movie  clip  that  you  set  as  scrollable  with  scrolling  bounds  (the  scrollRect  property),  enabling  fast  pixel  scrolling  for  the 
specified  instance.  When  a  user  scrolls  the  movie  clip  instance,  the  scrolled  pixels  shift  up  and  generate  the  newly 
exposed  region  instead  of  regenerating  the  entire  text  field. 

Windowing  system  An  application  with  a  complex  system  of  overlapping  windows.  Each  window  can  be  open  or 
closed  (for  example,  web  browser  windows).  If  you  mark  each  window  as  a  surface  (set  the  cacheAsBitmap  property  to 
true),  each  window  is  isolated  and  cached.  Users  can  drag  the  windows  so  that  they  overlap  each  other,  and  each 
window  doesn't  need  to  regenerate  the  vector  content. 

When  to  avoid  using  bitmap  caching 

Misusing  bitmap  caching  can  negatively  affect  your  SWF  file.  When  you  develop  a  FLA  file  that  uses  surfaces, 
remember  the  following  guidelines: 

•  Do  not  overuse  surfaces  (movie  clips  with  caching  enabled).  Each  surface  uses  more  memory  than  a  regular  movie 
clip;  only  enable  surfaces  to  improve  rendering  performance. 

•  A  cached  bitmap  can  use  significantly  more  memory  than  a  regular  movie  clip  instance.  For  example,  if  the  movie 
clip  on  the  Stage  is  250  pixels  by  250  pixels,  when  cached  it  might  use  250  KB  instead  of  1  KB  when  it's  a  regular 
(uncached)  movie  clip  instance. 

•  Avoid  zooming  in  on  cached  surfaces.  If  you  overuse  bitmap  caching,  a  large  amount  of  memory  is  consumed  (see 
previous  bullet),  especially  if  you  zoom  in  on  the  content. 

•  Use  surfaces  for  movie  clip  instances  that  are  largely  static  (nonanimating).  You  can  drag  or  move  the  instance,  but 
the  contents  of  the  instance  should  not  animate  or  change  a  lot.  For  example,  if  you  rotate  or  transform  an  instance, 
the  instance  changes  between  the  surface  and  vector  data,  which  is  difficult  to  process  and  negatively  affects  your 
SWF  file. 

•  If  you  mix  surfaces  with  vector  data,  it  increases  the  amount  of  processing  that  Flash  Player  (and  sometimes  the 
computer)  needs  to  do.  Group  surfaces  together;  for  example,  when  you  create  windowing  applications. 


Working  with  components  in  Flash  Player 

The  component  framework  lets  you  add  functionality  to  components,  but  it  can  potentially  add  considerable  file  size 
to  an  application.  Components  inherit  from  each  other.  One  component  adds  size  to  your  Flash  Professional  document, 
but  subsequent  components  that  use  the  same  framework  do  not  necessarily  add  more  size.  As  you  add  components  to 
the  Stage,  the  file  size  increases,  but  at  some  point,  it  levels  off  because  components  share  classes  and  do  not  load  new 
copies  of  those  classes. 

If  you  use  multiple  components  that  do  not  share  the  same  framework,  they  might  add  substantial  file  size  to  the  SWF 
file.  For  example,  the  XMLConnector  component  adds  17K  to  the  SWF  file,  and  Textlnput  components  add  24K  to 
your  document.  If  you  add  the  ComboBox  component,  it  adds  28K,  because  it  is  not  part  of  the  framework  of  either 
previous  component.  Because  the  XMLConnector  component  uses  data  binding,  the  classes  add  6K  to  the  SWF  file.  A 
document  that  uses  all  these  components  has  77K  before  you  add  anything  else  to  the  file.  Carefully  consider  your  SWF 
file  size  when  you  add  a  new  component  to  the  document. 
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Components  must  exist  in  the  parent  SWF  file’s  library.  For  example,  an  application  must  have  a  copy  of  the 
components  it  uses  in  its  library,  even  if  those  components  are  required  only  by  child  SWF  files  that  are  loaded  at 
runtime.  This  is  necessary  to  ensure  that  the  components  function  properly,  and  slightly  increases  the  download  time 
of  the  parent  SWF  file.  However,  the  parent  library  isn’t  inherited  or  shared  in  the  SWF  files  that  you  load  into  the 
parent.  Each  child  SWF  file  must  download  to  the  application  with  its  own  copy  of  the  same  components. 

When  you  are  planning  to  publish  a  SWF  file  with  backward  compatibility,  you  must  have  a  good  understanding  of 
which  components  have  that  capability.  The  following  table  provides  information  about  component  availability  in 
different  versions  of  Flash  Player: 


Components 

Flash  Player  6  (6.0.65.0) 
and  earlier 

Flash  Player  6  (6.0.65.0) 

Flash  Player  7  and  8 

Flash  Player  9 

ActionScript  3.0 

Not  supported 

Not  supported 

Not  supported 

Supported 

ActionScript  2.0 

Supported 

Supported 

Supported 

Supported 

V2  UI  component  set 

Not  supported 

Supported 

Supported 

Supported 

Media  components 

Not  supported 

Not  supported 

Supported 

Supported 

Data  components 

Not  supported 

Not  supported 

Supported 

Supported 

Deselect  the  Optimize  for  Flash  Player  6r65  option  in  Publish  Settings  for  the  V2  UI  components  to  work. 


Optimizing  component  styles  and  performance 

When  using  ActionScript  2.0,  one  of  the  most  processor-intensive  calls  in  a  component  framework  is  the  setStyle  call. 
The  setStyle  call  executes  efficiently,  but  the  call  is  intensive  because  of  the  way  it  is  implemented.  The  setStyle  call  is 
not  always  necessary  in  all  applications,  but  if  you  use  it,  consider  its  performance  effect. 

To  enhance  performance,  you  can  change  styles  before  they  are  loaded,  calculated,  and  applied  to  the  objects  in  your 
SWF  file.  If  you  can  change  styles  before  the  styles  are  loaded  and  calculated,  you  do  not  have  to  call  setStyle. 

To  improve  performance  when  using  styles,  set  properties  on  each  object  as  objects  are  instantiated.  When  you 
dynamically  attach  instances  to  the  Stage,  set  properties  in  initObj  in  the  call  that  you  make  to  createClassObject(),  as 
the  following  ActionScript  shows: 

createClassObj ect (ComponentClass ,  "mylnstance" ,  0,  { styleName : "myStyle" ,  color : 0x99CCFF) )  ; 

For  instances  that  you  place  directly  on  the  Stage,  you  can  use  onClipEvent()  for  each  instance,  or  you  can  use  subclasses 
(recommended).  For  information  on  subclasses,  see  About  writing  a  subclass  in  Learning  ActionScript  2.0  in  Adobe 
Flash. 

If  you  must  restyle  your  components,  you  can  improve  efficiency  in  your  application  by  using  the  Loader  component. 
To  implement  several  styles  in  different  components,  place  each  component  in  its  own  SWF  file.  If  you  change  styles 
on  the  Loader  component  and  reload  the  SWF  file,  the  components  in  the  SWF  file  are  recreated.  When  the  component 
is  recreated,  the  cache  of  styles  is  emptied,  and  the  style  for  the  component  is  reset  and  referenced  again. 

Note:  To  apply  a  single  style  to  all  instances  of  a  component  in  your  SWF  file,  change  the  style  globally  using 
_global.styles.ComponentName. 
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Using  runtime  shared  libraries 

You  can  sometimes  improve  download  time  by  using  runtime  shared  libraries.  These  libraries  are  usually  necessary  for 
larger  applications  or  when  numerous  applications  on  a  site  use  the  same  components  or  symbols.  By  externalizing  the 
common  assets  of  your  SWF  files,  you  do  not  download  classes  repeatedly.  The  first  SWF  file  that  uses  a  shared  library 
has  a  longer  download  time,  because  both  the  SWF  file  and  the  library  load.  The  library  caches  on  the  user’s  computer, 
and  then  all  the  subsequent  SWF  files  use  the  library.  This  process  can  greatly  improve  download  time  for  some  larger 
applications. 


Displaying  special  characters 

Computer  operating  systems  have  a  specific  code  page  that  is  regional.  For  example,  a  computer  in  Japan  has  a  different 
code  page  than  a  computer  in  England.  Flash  Player  5  and  earlier  versions  relied  on  the  code  page  to  display  text;  Flash 
Player  6  and  later  versions  use  Unicode  to  display  text.  Unicode  is  more  reliable  and  standardized  for  displaying  text 
because  it  is  a  universal  character  set  that  contains  characters  for  all  languages.  Most  current  applications  use  Unicode. 

You  can  use  Unicode  escape  sequences  to  display  special  characters  in  Flash  Player  6  and  later.  However,  not  all  your 
characters  display  correctly  if  you  do  not  load  text  that  is  UTF-8  or  UTF-16  encoded  (Unicode)  or  if  you  do  not  use  a 
Unicode  escape  sequence  to  display  the  special  character.  For  a  set  of  Unicode  code  charts,  see  the  Unicode  web  site  at 
Unicode.org.  For  a  list  of  commonly  used  escape  sequences,  see  the  table  that  follows  in  this  section. 

A  non-Unicode  application  uses  the  operating  system’s  code  page  to  render  characters  on  a  page.  In  this  case,  the  code 
page  specifies  the  characters  you  see,  so  the  characters  appear  correctly  only  when  the  code  page  on  the  user’s  operating 
system  matches  the  application’s  code  page.  The  code  page  that  was  used  to  create  the  SWF  file  needs  to  match  the  code 
page  on  the  end  user’s  computer.  Using  code  pages  is  not  a  good  idea  for  applications  that  an  international  audience 
might  use;  in  this  case,  use  Unicode  instead. 

Using  System.useCodepage  in  your  code  forces  the  SWF  file  to  use  the  system’s  code  page  instead  of  Unicode. 

Only  use  this  process  when  you  are  loading  non-Unicode  encoded  text  from  an  external  location  and  when  this  text  is 
encoded  with  the  same  code  page  as  the  user’s  computer.  If  both  these  conditions  are  true,  the  text  appears  without  a 
problem.  If  both  of  these  conditions  are  not  true,  use  Unicode  and  a  Unicode  escape  sequence  to  format  your  text.  To 
use  an  escape  sequence,  add  the  following  ActionScript  2.0  on  Frame  1  of  the  Timeline: 

this .  createTextField  ( "myText_txt 11 ,  99,  10,  10,  200,  25); 
myText_txt . text  =  "this  is  my  text,  \u00A9  2004"; 

This  ActionScript  creates  a  text  field,  and  enters  text  that  includes  a  copyright  symbol  (©)  into  the  text  field. 

You  can  make  a  SWF  file  use  the  operating  system’s  code  page,  which  is  controlled  by  the  useCodepage  property.  When 
Flash  Professional  exports  a  SWF  file,  it  defaults  to  exporting  Unicode  text  and  System.useCodepage  is  set  to  false.  You 
might  encounter  problems  displaying  special  text,  or  text  on  international  systems,  where  using  the  system’s  code  page 
can  seem  to  solve  the  problem  of  text  incorrectly  displaying.  However,  using  System.useCodePage  is  always  a  last  resort. 

To  use  the  system’s  code  page,  place  the  following  line  of  ActionScript  2.0  code  on  Frame  1  of  the  Timeline: 

System.useCodepage  =  true; 

<<  need  an  AS3  example  here  as  well.  See 
dev/qa.  >> 

Note:  A  special  character  can  appear  only  if  the  user’s  computer  has  the  character  included  in  the  font  that  is  being  used.  If 
you  are  not  sure,  embed  the  character  or  font  in  the  SWF  file. 

The  following  table  contains  a  number  of  commonly  used  Unicode  escape  sequences. 
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Character  description 

Unicode  escape  sequence 

em-dash  ( — ) 

\u2014 

registered  sign  (•) 

\uOOAE 

copyright  sign  (©) 

\u00A9 

trademark  sign  (™) 

\u2122 

Euro  sign  (€) 

\u20AC 

backslash  (\) 

\u005C 

forward  slash  (/) 

\u002F 

open  curly  brace  ({) 

\u007B 

close  curly  brace  (}) 

\u007D 

greater  than  (<) 

\u003C 

less  than  (>) 

\u003E 

asterisk  (*) 

\u002A 

Test  document  download  performance 

Flash  Player  attempts  to  meet  the  frame  rate  you  set;  the  actual  frame  rate  during  playback  can  vary  on  different 
computers.  If  a  document  that  is  downloading  reaches  a  particular  frame  before  the  frame’s  required  data  is 
downloaded,  the  document  pauses  until  the  data  arrives. 

To  view  downloading  performance  graphically,  use  the  Bandwidth  Profiler,  which  shows  how  much  data  is  sent  for  each 
frame  according  to  the  modem  speed  you  specify. 

note:  (Flash  Professional  CC  only)  Bandwidth  Profiler  is  unavailable  with  Flash  Professional  CC.  You  can  choose  to  use 
Adobe  Scout  with  Flash  Professional,  instead.  See  Using  Adobe  Scout  with  Flash  Professional  for  more  information. 


In  simulating  the  downloading  speed,  Flash  Professional  uses  estimates  of  typical  Internet  performance,  not  the  exact 
modem  speed.  For  example,  if  you  select  to  simulate  a  modem  speed  of  28.8  Kbps,  Flash  Professional  sets  the  actual 
rate  to  2.3  Kbps  to  reflect  typical  Internet  performance.  The  profiler  also  compensates  for  the  added  compression 
support  for  SWF  files,  which  reduces  the  file  size  and  improves  streaming  performance. 

When  external  SWF  files,  GIF  and  XML  files,  and  variables  are  streamed  into  a  player  by  using  ActionScript  calls  such 
as  loadMovie  and  getUrl,  the  data  flows  at  the  rate  set  for  streaming.  The  stream  rate  for  the  main  SWF  file  is  reduced 
based  on  the  reduction  of  bandwidth  that  the  additional  data  requests  cause.  Test  your  document  at  each  speed  and  on 
each  computer  that  you  plan  to  support  to  ensure  that  the  document  doesn’t  overburden  the  slowest  connection  and 
computer  for  which  it  is  designed. 

You  can  also  generate  a  report  of  frames  that  are  slowing  playback  and  then  optimize  or  eliminate  some  of  the  content 
in  those  frames. 

To  change  the  settings  for  the  SWF  file  created  using  the  Test  Movie  and  Test  Scene  commands,  use  File  >  Publish 
Settings. 
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Test  download  performance 

1  Do  one  of  the  following: 

•  Select  Control  >  Test  Scene  or  Control  >  Test. 

If  you  test  a  scene  or  document,  Flash  Professional  publishes  the  current  selection  as  a  SWF  file  using  the  settings 
in  the  Publish  Settings  dialog  box.  The  SWF  file  opens  in  a  new  window  and  begins  playing  immediately. 

•  Select  File  >  Open,  and  select  a  SWF  file. 

2  Select  View  >  Download  Settings,  and  select  a  download  speed  to  determine  the  streaming  rate  that  Flash 
Professional  simulates.  To  enter  a  custom  user  setting,  select  Customize. 

3  When  viewing  the  SWF  file,  select  View  >  Bandwidth  Profiler  to  show  a  graph  of  the  downloading  performance. 

The  left  side  of  the  profiler  displays  information  about  the  document,  its  settings,  its  state,  and  streams,  if  any  are 
included  in  the  document. 

The  right  section  of  the  profiler  shows  the  Timeline  header  and  graph.  In  the  graph,  each  bar  represents  an 
individual  frame  of  the  document.  The  size  of  the  bar  corresponds  to  that  frame’s  size  in  bytes.  The  red  line  beneath 
the  Timeline  header  indicates  whether  a  given  frame  streams  in  real  time  with  the  current  modem  speed  set  in  the 
Control  menu.  If  a  bar  extends  above  the  red  line,  the  document  must  wait  for  that  frame  to  load. 

note:  (Flash  Professional  CC  only)  Bandwidth  Profiler  is  unavailable  with  Flash  Professional  CC.  You  can  choose  to 
use  Adobe  Scout  with  Flash  Professional,  instead.  See  Using  Adobe  Scout  with  Flash  Professional  for  more 
information. 


4  Select  View  >  Simulate  Download  to  turn  streaming  off  or  on. 

If  you  turn  streaming  off,  the  document  starts  over  without  simulating  a  web  connection.nofe:  (Flash  Professional 
CC  only)  The  Simulate  Download  option  is  unavailable  with  Flash  Professional  CC. 

5  Click  a  bar  on  the  graph  to  show  settings  for  the  corresponding  frame  in  the  left  window  and  stop  the  document. 

6  If  necessary,  adjust  the  view  of  the  graph  by  taking  one  of  the  following  actions: 

•  Select  View  >  Streaming  Graph  to  show  which  frames  cause  pauses. 

This  default  view  displays  alternating  light  and  dark  gray  blocks  that  represent  each  frame.  The  side  of  each  block 
indicates  its  relative  byte  size.  The  first  frame  stores  a  symbol’s  contents,  so  it  is  often  larger  than  other  frames. 

•  Select  View  >  Frame  by  Frame  Graph  to  display  the  size  of  each  frame. 

This  view  helps  you  see  which  frames  contribute  to  streaming  delays.  If  any  frame  block  extends  above  the  red 
line  in  the  graph,  Flash  Player  stops  playback  until  the  entire  frame  downloads. 

7  Close  the  test  window  to  return  to  the  authoring  environment. 

After  you  set  up  a  test  environment  using  the  Bandwidth  Profiler,  you  can  open  any  SWF  file  directly  in  the  test 
environment.  The  file  opens  in  a  Flash  Player  window,  using  the  Bandwidth  Profiler  and  other  selected  viewing 
options. 

note:  (Flash  Professional  CC  only)  Bandwidth  Profiler  is  unavailable  with  Flash  Professional  CC.  You  can  choose  to 
use  Adobe  Scout  with  Flash  Professional,  instead.  See  Using  Adobe  Scout  with  Flash  Professional  for  more 
information. 
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Generate  a  final  report 

1  Select  File  >  Publish  Settings,  and  click  the  Flash  Professional  tab. 

2  Select  Generate  Size  Report. 

3  Click  Publish. 

Flash  Professional  generates  a  text  file  with  the  .txt  extension.  (If  the  document  file  is  myMovie.fla,  the  text  file  is 
myMovie  Report.txt.)  The  report  lists  the  size  of  each  frame,  shape,  text,  sound,  video  and  ActionScript  script  by 
frame. 

More  Help  topics 

Publishingoverview 

Best  practices  -  Video  conventions 
Publishingoverview 
Debugging  ActionScript  1.0  and  2.0 
Debugging  ActionScript  3.0 


Best  practices  -  Video  conventions 


About  video  conventions 

Many  options  are  available  to  edit  video  before  you  import  it  into  a  FLA  document,  or  load  an  FLV  file  into  a  SWF  file. 
Flash  Professional  and  Adobe  Media  Encoder  have  greater  controls  for  video  compression.  Compressing  video 
carefully  is  important  because  it  controls  the  quality  of  the  video  footage  and  the  size  of  the  file.  Video  files,  even  when 
compressed,  are  large  in  comparison  with  most  other  assets  in  your  SWF  file. 

Note:  Provide  the  user  with  control  over  the  media  in  a  SWF  file.  For  example,  if  you  add  audio  to  a  document  with  video 
(or  even  a  looping  background  sound),  let  the  user  control  the  sound. 


Using  video  in  an  application 

Before  you  import  video  into  Flash  Professional,  consider  what  video  quality  you  need,  what  video  format  to  use  with 
the  FLA  file,  and  how  to  download  it.  When  you  import  video  into  a  FLA  file  (called  embedded  video),  it  increases  the 
size  of  the  SWF  file  that  you  publish.  This  video  starts  progressively  downloading  to  the  user’s  computer  whether  or  not 
they  view  the  video. 

You  can  also  progressively  download  or  stream  the  video  at  runtime  from  an  external  FLV  file  on  your  server.  When  it 
starts  downloading  depends  on  how  you  structure  your  application. 

Note:  Video  progressively  downloads  from  the  server  like  SWF  files,  which  is  not  actually  streaming.  Dynamically  loading 
content  has  distinct  advantages  over  keeping  all  your  content  in  a  single  SWF  file.  For  example,  you  will  have  smaller  files 
and  quicker  loading,  and  the  user  only  downloads  what  they  want  to  see  or  use  in  your  application. 
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You  can  display  external  FLV  video  using  a  component  or  a  video  object.  A  component  makes  developing  applications 
with  FLV  video  easy,  because  the  video  controls  are  prebuilt,  and  you  only  need  to  specify  an  FLV  file  path  to  play  the 
content.  To  keep  your  SWF  file  as  small  as  possible,  display  video  in  a  video  object  and  create  your  own  assets  and  code 
to  control  the  video.  Also  consider  using  the  FLVPlayback  component  in  Adobe  Flash  Professional,  which  has  a  smaller 
file  size  than  Media  components  (Flash  MX  Professional  2004  and  later). 

It  is  a  good  idea  to  give  users  some  control  (such  as  the  ability  to  stop,  pause,  play,  and  resume  the  video,  and  control 
volume)  over  the  video  in  a  SWF  file. 

To  gain  certain  kinds  of  flexibility  over  your  video,  such  as  manipulating  the  video  with  animation,  or  syncing  various 
parts  of  it  with  the  timeline,  embed  the  video  in  the  SWF  file  rather  than  loading  it  using  ActionScript  or  one  of  the 
Media  components. 

For  more  control  over  a  video  instance  than  the  Video  class  allows,  place  video  inside  a  movie  clip  instance.  The  video’s 
timeline  plays  independently  from  a  Flash  Professional  timeline,  and  you  can  place  the  content  inside  a  movie  clip  to 
control  timelines.  You  do  not  have  to  extend  your  main  Timeline  by  many  frames  to  accommodate  for  the  video,  which 
can  make  working  with  your  FLA  file  difficult. 


Troubleshooting  video 

You  can  create  an  application  and  then  encounter  problems  after  you  upload  it  to  your  server. 

•  Check  that  your  Flash  Player  version  is  correct. 

For  example,  if  you  encoded  your  files  using  On2  codec,  you  need  Flash  Player  8  or  later  installed  for  the  browsers 
you  use  to  view  your  Flash  Professional  content. 

note:  For  Flash  Player  and  FLV  compatibility,  see  About  Using  FLV  Video  in  Learning  ActionScript  2.0  in  Adobe  Flash. 

•  Check  that  your  server  supports  the  mime  type  for  the  video  files  you  are  using,  FLV  or  F4V.  For  more  information 
on  video  files  on  a  server,  see  Configuring  your  server  for  FLV  files  in  Learning  ActionScript  2.0  in  Adobe  Flash. 

•  Check  security  guidelines. 

If  you  load  FLV  files  from  another  server,  make  sure  that  you  have  the  proper  files  or  code  in  place  to  load  from  that 
external  server.  For  information  on  policy  files,  see  Server-side  policy  files  for  permitting  access  to  data  in  Learning 
ActionScript  2.0  in  Adobe  Flash.  For  information  about  loading  and  security,  see  Understanding  security  in 
Learning  ActionScript  2.0  in  Adobe  Flash. 

•  Check  your  target  paths  to  your  video  are  correct.  If  you  use  relative  paths  (such  as  /video/water.flv),  try  using 
absolute  paths  (such  as  http://www.helpexamples.com/flash/video/water.flv).  If  your  application  doesn’t  work  as  a 
relative  path,  but  does  work  as  an  absolute  path,  correct  the  relative  path. 

•  Check  that  the  version  of  Flash  Player  you  specified  in  the  Publish  Settings  supports  the  type  of  video  files  you  are 
using,  either  FLV  or  F4V  (H.264). 

More  Help  topics 

Video 


Controlling  external  video  playback  with  ActionScript 
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Playing  external  FLV  or  F4V  files  dynamically 

An  alternative  to  importing  video  into  the  Flash  Professional  authoring  environment  is  to  use  either  the  FLVPlayback 
component  or  ActionScript  to  dynamically  play  external  FLV  or  F4V  files  in  Flash  Player.  You  can  also  use  the 
FLVPlayback  component  and  ActionScript  together. 

You  can  play  FLV  or  F4V  files  posted  as  HTTP  downloads  or  as  local  media  files.  To  playback  an  external  FLV  or  F4V 
file,  post  an  FLV  or  F4V  file  to  a  URL  (either  an  HTTP  site  or  a  local  folder)  and  add  either  the  FLVPlayback  component 
or  ActionScript  code  to  the  Flash  Professional  document  to  access  the  file  and  control  playback  during  runtime. 

Using  external  FLV  or  F4V  files  provides  the  following  capabilities  that  are  not  available  when  using  imported  video: 

•  You  can  use  longer  video  clips  without  slowing  down  playback.  External  FLV  or  F4V  files  are  played  using  cached 
memory ,  which  means  that  large  files  are  stored  in  small  pieces  and  accessed  dynamically;  they  do  not  require  as 
much  memory  as  embedded  video  files. 

•  An  external  FLV  or  F4V  file  can  have  a  different  frame  rate  from  the  Flash  Professional  document  in  which  it  plays. 
For  example,  you  can  set  the  Flash  Professional  document  frame  rate  to  30  fps  and  the  video  frame  rate  to  21  fps, 
which  gives  you  greater  control  in  ensuring  smooth  video  playback. 

•  With  external  FLV  or  F4V  files,  Flash  Professional  document  playback  does  not  have  to  be  interrupted  while  the 
video  file  is  loading.  Imported  video  files  can  sometimes  interrupt  document  playback  to  perform  certain  functions 
(for  example,  to  access  a  CD-ROM  drive).  FLV  or  F4V  files  can  perform  functions  independently  of  the  Flash 
Professional  document,  and  so  do  not  interrupt  playback. 

•  Captioning  video  content  is  easier  with  external  FLV  or  F4V  files  because  you  can  use  callback  functions  to  access 
metadata  for  the  video. 

For  more  information  on  playing  back  FLV  or  F4V  files,  see  “Playing  back  external  FLV  files  dynamically”  in  Learning 
ActionScript  2.0  in  Adobe  Flash  or  Basics  of  video  in  the  ActionScript  3.0  Developer’s  Guide. 

Additional  resources 

The  following  resources  are  available  with  additional  information  about  video  and  ActionScript: 

Video  tutorials: 

•  Creating  a  video  player  with  ActionScript  3.0  (Creativecow.com) 

•  Creating  a  video  player  with  ActionScript  2.0  (Creativecow.com) 

Articles: 

•  Deconstructing  the  ActionScript  3  Flash  video  gallery  application  (Adobe.com) 


Behaviors  used  in  video  playback 

Video  behaviors  provide  one  way  to  control  video  playback.  Behaviors  are  prewritten  ActionScript  scripts  that  you  add 
to  a  triggering  object  to  control  another  object.  Behaviors  add  the  power,  control,  and  flexibility  of  ActionScript  coding 
to  your  document  without  having  to  create  the  ActionScript  code.  Video  behaviors  play,  stop,  pause,  rewind,  fast- 
forward,  show,  and  hide  a  video  clip. 

To  control  a  video  clip  with  a  behavior,  use  the  Behaviors  panel  to  apply  the  behavior  to  a  triggering  object,  such  as  a 
movie  clip.  Specify  the  event  that  triggers  the  behavior  (such  as  releasing  the  movie  clip),  select  a  target  object  (the  video 
that  is  affected  by  the  behavior),  and  when  necessary,  select  settings  for  the  behavior,  such  as  the  number  of  frames  to 
rewind. 

Note:  The  triggering  object  must  be  a  movie  clip.  You  cannot  attach  video  playback  behaviors  to  button  symbols  or  button 
components. 
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The  following  behaviors  in  Flash  Professional  control  embedded  video: 


Behavior 

Purpose 

Parameters 

Play  Video 

Plays  a  video  in  the  current  document. 

Instance  name  of  target  video 

Stop  Video 

Stops  the  video. 

Instance  name  of  target  video 

Pause  Video 

Pauses  the  video. 

Instance  name  of  target  video 

Rewind  Video 

Rewinds  the  video  by  the  specified  number  of 

Instance  name  of  target  video 

frames. 

Number  of  frames 

Fast  Forward  Video 

Fast-forwards  the  video  by  the  specified 

Instance  name  of  target  video 

number  of  frames. 

Number  of  frames 

Hide  Video 

Hides  the  video. 

Instance  name  of  target  video 

Show  Video 

Shows  the  video. 

Instance  name  of  target  video 

Control  video  playback  using  behaviors 

1  Select  the  movie  clip  to  trigger  the  behavior. 

2  In  the  Behaviors  panel  (Window  >  Behaviors),  click  the  Add  (+)  button,  and  select  the  desired  behavior  from  the 
Embedded  Video  submenu. 

3  Select  the  video  to  control. 

4  Select  a  Relative  or  Absolute  path. 

5  If  required,  select  settings  for  the  behavior  parameters  and  click  OK. 

6  In  the  Behaviors  panel  under  Event,  click  On  Release  (the  default  event)  and  select  a  mouse  event.  To  use  the  On 
Release  event,  leave  the  option  unchanged. 

The  FLVPIayback  component 

The  FLVPIayback  component  lets  you  include  a  video  player  in  your  Flash  application  to  play  progressively 
downloaded  video  (FLV  or  F4V)  files  over  HTTP,  or  play  streaming  FLV  files  from  Flash  Media  Server  (FMS)  or  a  Flash 
Video  Streaming  Service  (FVSS). 

The  FLVPIayback  component  does  the  following: 

•  Provides  a  set  of  prefabricated  skins  to  customize  playback  controls  and  the  look  and  feel  of  the  user  interface. 

•  Lets  advanced  users  create  their  own  custom  skins. 

•  Provides  cue  points  to  synchronize  your  video  with  the  animation,  text,  and  graphics  in  your  Flash  Professional 
application. 

•  Provides  live  preview  of  customizations. 

•  Maintains  a  reasonably  sized  SWF  file  for  easy  download. 

The  FLVPIayback  component  is  the  display  area  in  which  you  view  video.  The  FLVPIayback  component  includes 
the  FLV  Custom  UI  controls,  a  set  of  control  buttons  that  play,  stop,  pause,  and  control  playback  the  video. 

Configure  the  FLVPIayback  component 

1  With  the  FLVPIayback  component  selected  on  the  stage,  open  the  Property  inspector  (Window  >  Properties)  and 
enter  an  instance  name. 
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2  Select  Parameters  in  the  Property  inspector  or  open  the  Component  inspector  (Window  >  Components). 

3  Enter  values  for  parameters  or  use  default  settings. 

For  each  FLVPlayback  component  instance  you  can  set  the  following  parameters  in  the  Property  inspector  or  in  the 
Component  inspector: 

Note:  In  most  instances,  it  is  not  necessary  to  alter  the  settings  in  the  FLVPlayback  component  unless  you  want  to  change 
the  appearance  of  a  video  skin.  The  Video  Import  wizard  sufficiently  configures  the  parameters  for  most  deployments. 

autoPlay  Boolean  value  that  determines  how  to  play  the  FLV  or  F4V.  If  true,  the  video  plays  immediately  when  it  is 
loaded.  If  false,  loads  the  first  frame  and  pauses.  The  default  value  is  true. 

autoRewind  Boolean  value  that  determines  whether  the  video  is  automatically  rewound.  If  true,  the  FLVPlayback 
component  automatically  rewinds  the  video  to  the  beginning  when  the  playhead  reaches  the  end  or  when  the  user 
clicks  the  stop  button.  If  false,  the  component  does  not  automatically  rewind  the  video.  The  default  value  is  true. 

autoSize  Boolean  value  that,  if  true,  resizes  the  component  at  runtime  to  use  the  source  video  dimensions.  The 
default  value  is  false. 

note:  The  encoded  frame  size  of  the  video  is  not  the  same  as  the  default  dimensions  of  the  FLVPlayback  component. 

bufferTime  Number  of  seconds  to  buffer  before  beginning  playback.  The  default  value  is  0. 

contentPath  (AS2  files)  String  that  specifies  the  URL  to  an  FLV,  F4V,  or  to  an  XML  file  that  describes  how  to  play 
the  video.  Double-click  the  Value  cell  for  this  parameter  to  activate  the  Content  Path  dialog  box.  The  default  is  an 
empty  string.  If  you  do  not  specify  a  value  for  the  contentPath  parameter,  nothing  happens  when  Flash  Professional 
executes  the  FLVPlayback  instance. 

source  (AS3  files)  String  that  specifies  the  URL  to  an  FLV,  F4V,  or  to  an  XML  file  that  describes  how  to  play  the 
video.  Double-click  the  Value  cell  for  this  parameter  to  activate  the  Content  Path  dialog  box.  The  default  is  an  empty 
string.  If  you  do  not  specify  a  value  for  the  contentPath  parameter,  nothing  happens  when  Flash  Professional 
executes  the  FLVPlayback  instance. 

isLive  Boolean  value  that,  if  true,  specifies  that  the  video  is  streaming  live  from  FMS.  The  default  value  is  false. 

cuePoints  A  string  that  specifies  the  cue  points  for  the  video.  Cue  points  allow  you  to  synchronize  specific  points 
in  the  video  with  Flash  Professional  animation,  graphics,  or  text.  The  default  value  is  an  empty  string. 

maintainAspectRatio  A  Boolean  value  that,  if  true,  resizes  the  video  player  in  the  FLVPlayback  component  to  retain 
the  source  video  aspect  ratio;  the  source  video  is  still  scaled  and  the  FLVPlayback  component  itself  is  not  resized. 
The  autoSize  parameter  takes  precedence  over  this  parameter.  The  default  value  is  true. 

skin  A  parameter  that  opens  the  Select  Skin  dialog  box  and  allows  you  to  choose  a  skin  for  the  component.  The 
default  value  is  None.  If  you  choose  None,  the  FLVPlayback  instance  does  not  have  control  elements  that  allow  the 
user  to  play,  stop,  or  rewind  the  video,  or  take  other  actions  that  the  controls  make  possible.  If  the  autoPlay 
parameter  is  set  to  true,  the  video  plays  automatically.  For  more  information,  see  “Customizing  the  FLVPlayback 
component”  in  Using  ActionScript  3.0  Components  or  ActionScript  2.0  Components  Language  Reference. 

totalTime  Total  number  of  seconds  in  the  source  video.  The  default  value  is  0.  If  you  use  progressive  download, 
Flash  Professional  uses  this  number  if  it  is  set  to  a  value  greater  than  zero  (0).  Otherwise,  Flash  Professional  tries  to 
take  the  time  from  metadata. 

note:  If  you’re  using  FMS  or  FVSS,  this  value  is  ignored;  the  total  time  of  the  video  is  taken  from  the  server. 
volume  A  number  from  0  to  100  that  represents  the  percentage  of  maximum  volume  at  which  to  set  the  volume. 
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Specify  the  contentPath  or  source  parameter 

If  you  imported  a  local  video  clip  into  Flash  Professional  for  use  with  progressively  downloaded  or  streaming  video 
content,  update  the  contentPath  (AS2  FLA  files)  or  source  (AS3  FLA  files)  parameter  of  the  FLVPlayback  component 
before  uploading  your  content  to  a  web  server  or  Flash  Media  Server.  The  contentPath  or  source  parameter  specifies 
the  name  and  location  of  the  video  file  on  the  server,  and  implies  the  playback  method  (for  example,  progressively 
downloading  using  HTTP,  or  streaming  from  Flash  Media  Server  using  RTMP). 

1  With  the  FLVPlayback  component  selected  on  the  Stage,  open  the  Property  inspector  (Window  >  Properties)  and 
select  Parameters  in  the  Property  inspector,  or  open  the  Component  inspector  (Window  >  Component  Inspector). 

2  Enter  values  for  parameters,  or  use  the  default  settings  as  appropriate.  For  the  contentPath  or  source  parameter,  do 
the  following:  a)  Double-click  the  Value  cell  for  the  contentPath  or  source  parameter  to  activate  the  Content  Path 
dialog  box.  b)  Enter  the  URL  or  local  path  to  the  FLV  or  F4V  file,  or  the  XML  file  (for  Flash  Media  Server  or  FVSS) 
that  describes  how  to  play  the  video. 

If  you  do  not  know  the  location  of  the  video  or  XML  file,  click  the  folder  icon  to  navigate  to  the  correct  location. 
When  browsing  for  an  video  file,  if  it  is  at  or  below  the  location  of  the  target  SWF  file,  Flash  Professional 
automatically  makes  the  path  relative  to  that  location  so  that  it  is  ready  for  serving  from  a  web  server.  Otherwise,  it 
is  an  absolute  Windows  or  Macintosh  file  path. 

If  you  specify  an  HTTP  URL,  the  video  file  is  a  progressive  download  FLV  or  F4V  file.  If  you  specify  a  URL  that  is 
a  Real-Time  Messaging  Protocol  (RTMP)  URL,  the  video  streams  from  a  Flash  Media  Server  (FMS).  A  URL  to  an 
XML  file  could  also  be  a  streaming  video  file  from  FMS  or  from  a  FVSS. 

Note:  When  you  dick  OK  on  the  Content  Path  dialog  box,  Flash  Professional  updates  the  value  of  the  cuePoints 
parameter,  too,  because  you  might  have  changed  the  contentPath  parameter  so  that  the  cuePoints  parameter  no  longer 
applies  to  the  current  content  path.  As  a  result,  you  lose  any  disabled  cue  points,  although  not  ActionScript  cuepoints. 
For  this  reason,  you  may  want  to  disable  non-ActionScript  cue  points  through  ActionScript,  rather  than  through  the 
Cue  Points  dialog  box. 

When  you  specify  the  contentPath  or  source  parameter,  Flash  Professional  attempts  to  verify  that  the  video  you 
specified  is  compatible  with  Flash  Player.  If  you  see  a  warning  dialog  box,  try  re-encoding  the  video  to  FLV  or  F4V 
format  with  Adobe  Media  Encoder. 

You  can  also  specify  the  location  of  an  XML  file  that  describes  how  to  play  multiple  video  streams  for  multiple 
bandwidths.  The  XML  file  uses  Synchronized  Multimedia  Integration  Language  (SMIL)  to  describe  the  video  files. 
For  a  description  of  the  XML  SMIL  file,  see  “Using  a  SMIL  file”  in  the  ActionScript  2.0  Components  Language 
Reference. 


Media  components  (Flash  Player  6  and  7) 

Note:  The  media  components  were  introduced  in  Macromedia  Flash  MX  Professional  2004  and  are  intended  for  use  with 
Flash  Player  6  or  7.  If  you  are  developing  video  content  to  use  with  Flash  Player  8,  instead  use  the  FLVPlayback  component 
introduced  in  Macromedia  Flash  Professional  8.  The  FLVPlayback  component  provides  improved  functionality,  giving  you 
more  control  over  video  playback  in  the  Flash  Professional  environment. 

The  media  component  suite  consists  of  three  components:  MediaDisplay,  MediaController,  and  MediaPlayback.  With 
the  MediaDisplay  component,  to  add  media  to  your  Flash  Professional  documents,  drag  the  component  to  the  Stage 
and  configure  it  in  the  Component  inspector.  In  addition  to  setting  the  parameters  in  the  Component  inspector,  you 
can  add  cue  points  to  trigger  other  actions.  The  MediaDisplay  component  has  no  visual  representation  during 
playback;  only  the  video  clip  is  visible. 
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The  MediaController  component  provides  user  interface  controls  that  let  the  user  interact  with  streaming  media.  The 
Controller  features  Play,  Pause,  and  Rewind  to  Start  buttons  and  a  volume  control.  It  also  includes  playbars  that  show 
how  much  of  the  media  has  loaded  and  how  much  has  played.  A  playhead  slider  can  be  dragged  forward  and  backward 
on  the  playbar  to  navigate  quickly  to  different  parts  of  the  video.  Using  behaviors  or  ActionScript,  you  can  easily  link 
this  component  to  the  MediaDisplay  component  to  show  streaming  video  and  provide  user  control. 

The  MediaPlayback  component  provides  the  easiest  and  quickest  way  to  add  video  and  a  controller  to  your  Flash 
Professional  documents.  The  MediaPlayback  component  combines  the  MediaDisplay  and  MediaController 
components  into  a  single,  integrated  component.  The  MediaDisplay  and  MediaController  component  instances  are 
automatically  linked  to  each  other  for  playback  control. 

To  configure  parameters  for  playback,  size,  and  layout  for  all  three  components,  use  the  Component  inspector  or  the 
Parameters  tab  in  the  Property  inspector.  All  the  media  components  work  equally  well  with  mp3  audio  content. 

For  more  information  on  the  media  components,  “Media  components,”  in  the  ActionScript  2.0  Components  Language 
Reference. 

More  Help  topics 

Stream  video  using  Adobe  Flash  Media  Server 
Progressively  download  video  using  a  web  server 
Control  video  playback  using  the  Timeline 


Working  with  Flash  Pro  and  FlashBuilder 

Adobe  Flash  Professional  and  Flex*  can  be  used  together  in  a  variety  of  ways,  including  creating  custom  graphics 
and  components  in  Flash  Professional  for  use  in  Flex*.  The  following  tutorials  demonstrate  several  of  the  ways 
Flash*  and  Flex*  can  be  used  together. note:  (Flash  Professional  CC  only)  The  Design  View  workflow  between  Flash 
Professional  and  Flash  Builder  is  deprecated.  On  initiating  this  workflow  from  Flash  Builder  4.6,  an  exception  is  thrown 
in  Flash  Pro. 


•  Video:  Flash  Professional  CS5.5  -  Working  with  Flash  Builder  (2:52)  (Adobe  TV) 

•  Tutorial:  Sharing  projects  between  Flash  Pro  and  Flash  Builder  (Adobe.com) 

•  Video:  Create  custom  Flex  components  with  Flash  CS3  (7:10) 

•  Video:  Creating  Flex  containers  in  Flash  (4:33) 

•  Video:  Creating  custom  skins  for  Flex  applications  (4:58) 

•  Video:  Custom  Flash  graphics  in  Flex  components  (6:42) 

•  Video:  Use  the  Flex  webservice  component  in  Flash  (8:53) 

•  Video:  Using  and  animating  filters  in  Flex  apps  (4:35) 

•  Video:  Exploring  the  Flash  timer  (4:28) 

Editing  and  debugging  ActionScript  with  Flash  Professional  and  Flash  Builder 

Flash  Professional  CS5  offers  enhanced  workflows  between  Flash  Pro  and  Flash  Builder  4. 

The  enabled  workflows  include: 

•  Edit  ActionScript  3.0  in  Flash  Builder  4  and  test,  debug,  or  publish  in  Flash  Pro  CS5. 
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•  Launch  ActionScript  3.0  files  from  Flash  Professional  for  edit  in  Flash  Builder  4. 

A  video  tutorial  about  the  Flash  Pro/Flash  Builder  workflows  is  available  at  www.adobe.com/go/lrvid5303_fl_en. 

Before  you  begin 

In  order  to  enable  these  Flash  Pro/Flash  Builder  workflows,  ensure  that  the  following  conditions  are  true: 

•  Both  Flash  Professional  CS5  and  Flash  Builder  4  are  installed. 

•  To  launch  a  FLA  file  from  Flash  Builder,  your  project  must  be  assigned  the  Flash  Professional  project  nature  in  the 
Package  Explorer  panel. 

For  more  information  about  assigning  project  natures  in  Flash  Builder,  see  Flash  Builder  Help. 

•  To  launch  a  FLA  file  Flash  Builder,  your  project  must  have  a  FLA  file  assigned  to  be  used  for  testing  and  debugging 
in  the  Flash  Professional  properties  of  the  project. 

Additional  resources 

•  Tutorial:  Create  a  Flash  Professional  Project  in  Flash  Builder  -  Part  1  (flashauthoring.blogspot.com) 

•  Tutorial:  Create  a  Flash  Professional  Project  in  Flash  Builder  -  Part  2  (flashauthoring.blogspot.com) 

•  Tutorial:  Using  the  Flash  Builder  4  Debugger  to  Debug  Flash  Professional  Projects  (flashauthoring.blogspot.com) 

Testing,  debugging,  and  publishingin  Flash  Pro  from  Flash  Builder 

To  perform  testing  or  debugging  in  Flash  Pro  with  a  file  you  are  editing  in  Flash  Builder  4: 

•  From  the  Flash  Builder  development  perspective,  choose  Run  >  Test  Movie  or  Run  >  Debug  Movie.  Note  that  each 
menu  item  has  a  Flash  Pro  icon  next  to  it.  Once  the  SWF  window  or  debug  session  is  closed,  focus  will  return  to 
Flash  Builder  unless  there  are  compiler  errors  in  frame  scripts  inside  the  FLA  file  associated  with  the  project. 
Information  about  all  errors  is  sent  to  the  Errors  panel  in  Flash  Builder. 

To  publish  the  FLA  file  associated  with  the  current  project  in  Flash  Builder: 

•  From  the  Flash  Builder  development  perspective,  choose  Project  >  Publish  Movie.  Note  the  Flash  Pro  icon  next  to 
the  menu  command. 

Editing  AS  files  in  Flash  Builder  from  Flash  Pro 

To  create  a  new  ActionScript  3.0  class  or  interface  and  assign  Flash  Builder  as  the  editor: 

1  Choose  File  >  New. 

2  In  the  New  Document  dialog  box,  choose  ActionScript  3.0  class  or  ActionScript  3.0  interface. 

3  In  the  Create  ActionScxript  3.0  dialog  box,  select  Flash  Builder  as  the  application  to  create  the  file  and  click  OK. 
Flash  Builder  opens. 

4  In  Flash  Builder,  choose  a  FLA  file  or  XFL  file  to  be  associated  with  the  ActionScript  file  and  click  Finish. 

To  open  and  edit  an  AS  file  in  Flash  Builder  from  Flash  Pro: 

1  In  the  Library  panel,  right-click  a  symbol  associated  with  the  class  or  interface  and  choose  Properties. 

2  In  the  Symbol  Properties  dialog  box,  click  Edit  Class  Definition. 

3  In  the  Edit  ActionScript  3.0  dialog  box  that  appears,  verify  that  the  editor  assigned  to  the  AS  file  is  Flash  Builder  and 
click  OK. 

If  Flash  Builder  is  not  assigned  to  edit  the  file,  select  Flash  Builder  as  the  application  to  edit  the  class  file  and  click 
OK. 

Flash  Builder  opens  to  edit  the  file. 
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Creating  components  for  Flex 

In  Adobe  Flash  Professional,  you  can  create  content  for  use  as  components  in  Adobe*  Flex*  applications.  This  content 
can  include  both  visual  elements  and  Adobe*  ActionScript*  3.0  code. 

Creating  components  in  Flash  Professional  for  use  in  Flex  allows  you  to  take  advantage  of  the  flexible  graphic  design 
capabilities  of  Flash  Professional  while  still  utilizing  the  capabilities  of  Flex. 

In  order  to  create  Flex  components  in  Flash  Professional,  you  must  install  the  Flex  Component  Kit  for  Flash 
Professional.  You  install  the  component  kit  using  Adobe  Extension  Manager.  Some  versions  of  the  component  kit  may 
not  support  all  features  of  Adobe  Flash  Professional,  so  be  sure  to  download  the  latest  version  of  the  component  kit 
from  www.adobe.com/go/flex_ck_en. 

For  more  information  about  using  Flex  and  Flash  Professional  together,  refer  to  the  Flex  documentation  on  the  Adobe 
web  site  at  www.adobe.com/go/learn_flexresources_en. 

To  create  a  Flex  component  in  Flash: 

1  Be  sure  you  have  Adobe  Extension  Manager  installed.  To  download  Extension  Manager,  visit  the  Extension 
Manager  download  page  at  www.adobe.com/go/extension_manager_dl_en. 

By  default,  Extension  Manager  is  installed  with  the  Adobe  Creative  Suite  applications. 

2  Download  and  install  the  Flex  Component  Kit,  available  at  www.adobe.com/go/flex_ck_en.  Be  sure  to  quit  Flash 
Professional  before  installing  the  component  kit.  For  information  about  installing  extensions  with  Adobe  Extension 
Manager,  see  www.adobe.com/go/learn_extension_manager_en. 

3  Launch  Flash  Professional.  Two  new  commands  appear  in  the  Commands  menu,  Convert  Symbol  to  Flex 
Component  and  Convert  Symbol  to  Flex  Container. 

4  In  Flash  Professional,  create  a  movie  clip  symbol  containing  the  artwork  and  ActionScript  3.0  code  you  want  to 
include  in  the  Flex  component.  The  content  must  be  contained  in  a  movie  clip  symbol  before  conversion  to  a  Flex 
component. 

5  Before  converting  the  movie  clip  to  a  Flex  component,  be  sure  that  it  meets  the  following  requirements  for 
compatibility  with  Flex: 

•  The  frame  rate  of  the  FLA  file  should  be  24  fps  and  should  match  the  frame  rate  of  any  Flex  projects  that  will 
make  use  of  the  component. 

•  The  registration  point  should  be  located  at  the  0,  0  point  in  the  movie  clip. 

note:  To  ensure  that  all  content  in  the  movie  clip  has  a  registration  point  ofO,  0,  click  the  Edit  Multiple  Frames  button 
at  the  bottom  of  the  Timeline,  select  all  frames  in  the  movie  clip  timeline,  select  all  of  your  content  in  all  the  frames, 
and  move  it  to  0,  0  in  the  Property  inspector. 

6  Select  the  movie  clip  in  the  Library  panel  and  choose  Commands  >  Convert  Symbol  to  Flex  Component. 

Flash  Professional  converts  the  movie  clip  to  a  Flex  component,  changes  its  icon  to  a  Flex  icon  in  the  Library,  and 
imports  the  FlexComponentBase  class  compiled  clip  to  the  Library.  Flash  Professional  embeds  the 
FlexComponentBase  into  the  Flex  component  SCW  file  created  in  the  next  step. 

Note  the  progress  messages  displayed  in  the  Output  panel  while  Flash  Professional  converts  the  movie  clip. 

7  Choose  File  >  Publish  to  create  a  SWC  file  containing  the  compiled  Flex  component.  Flash  Professional  also  creates 
a  SWF  file  from  the  main  FLA  file,  but  you  can  ignore  the  SWF  file  if  you  choose.  The  published  component  SWC 
file  is  now  ready  for  use  in  Flex. 

8  To  use  the  SWC  file  in  Flex,  do  one  of  the  following: 

•  Copy  the  SWC  file  from  Flash  Professional  and  paste  it  into  the  bin  folder  of  your  Flex  project. 
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•  Add  the  SWC  file  to  library  path  of  your  Flex  project.  For  more  information,  see  the  Flex  Builder  documentation 
atwww.adobe.com/go/learn_flexresources_en. 


Using  Flex  metadata 

If  you  are  writing  ActionScript  3.0  code  to  be  used  in  Flex,  you  can  place  metadata  in  the  code  to  embed  external  files 
in  any  published  SWF  that  includes  the  ActionScript  code.  Usually,  these  [Embed]  metadata  declarations  are  used  to 
embed  image  files,  fonts,  individual  symbols,  or  other  SWF  files  into  the  SWF. 

Remember  that  metadata  is  “data  about  data.”  You  add  metadata  to  ActionScript  on  the  line  immediately  preceding  the 
line  of  code  that  the  metadata  applies  to.  The  compiler  then  takes  the  metadata  into  account  when  compiling  the  line 
of  code  that  follows  it. 

For  example,  to  embed  an  image  called  button_up.png  that  is  stored  in  the  directory  one  level  above  the  ActionScript 
file,  you  would  use  the  following  ActionScript: 

[Embed(“../button_up.png”)] 

private  var  buttonUpImage:Class; 

The  [Embed]  metadata  tag  tells  the  compiler  to  embed  the  file  named  button_up.png  in  the  SWF  file  and  that  the  file 
should  be  associated  with  the  variable  named  buttonUpImage. 

For  more  information  about  embedding  assets  with  metadata  in  Flex,  see  Embedding  Assets  in  the  Flex  3  Developer 
Guide  at  www.adobe.com/go/learn_flexresources_en. 

If  you  use  a  feature  that  requires  the  Flex  SDK,  such  as  [Embed]  metadata,  at  compile  time  Flash  Professional  prompts 
you  to  add  the  Flex.SWC  file  to  the  Library  path  of  your  FLA  file.  The  Flex.SWC  file  contains  compiled  classes  needed 
to  support  Flex  metadata.  Click  Update  Library  Path  in  the  dialog  box  to  add  Flex.SWC  to  the  Library  path.  You  can 
also  add  the  Flex.SWC  file  to  the  Library  path  in  the  ActionScript  publish  settings  later. 


Additional  resources 

The  following  resources  provide  additional  information  and  examples  about  integrating  Flash  Pro  with  Flash  Builder: 
•  Site:  http://jessewarden.com/ 


Exporting  Projector  files 


About  Projectors 

Projectors  are  Flash  files  that  contain  both  the  published  SWF  and  Flash  Player.  Projectors  can  play  like  a  normal 
application,  without  the  need  for  a  web  browser,  the  Flash  Player  plugin,  Adobe  AIR,  or  any  other  platform  runtimes. 

Flash  Pro  CC  allows  you  to  publish  Projectors  for  Windows  and  MAC  operating  systems.  When  exported,  a  Projector 
file  is  generated  as  .exe  for  Windows  and  .app  for  MAC. 

Note:  The  Export  Projectors  feature  was  deprecated  in  Flash  Professional  CC  June  2013  release,  and  has  been  re¬ 

enabled  in  Flash  Professional  CC  June  2014  release. 
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Exporting  Projector  files 

To  export  Projector  files  from  Flash  Pro  CC,  do  the  following: 

1  In  Flash  Pro  CC,  select  Commands  >  Export  as  Projector. 

2  On  the  Export  as  Projector  dialog,  click  Browse  to  navigate  to  and  specify  a  location  where  you  want  to  save  the 
Projector  file. 

3  Select  any  of  the  following  options: 

1  Windows  to  create  a  .exe  file  that  can  be  run  on  Windows  PC. 

2  MAC  to  create  a  .app  file  that  can  be  run  on  MAC. 

3  Click  Export  to  export  the  Projector  file. 


Export  as  Projector 


Note:  Projector  files  cannot  be  exported  for  HTML5  Canvas  or  WebGL  (preview)  document  types. 


ActionScript  publish  settings 

Modify  ActionScript  publish  settings 

When  you  create  a  new  FLA  document,  Flash  asks  you  which  version  of  ActionScript  you  want  to  use.  You  can  change 
this  setting  if  you  decide  later  to  write  your  scripts  in  a  different  version  of  ActionScript. 

Note:  ActionScript  3.0  is  not  compatible  with  ActionScript  2.0.  The  ActionScript  2.0  compiler  can  compile  all  ActionScript 
1.0  code,  except  for  the  slash  (/)  syntax  used  to  indicate  movie  clip  paths  (for  example,  parentClip/testMC:varName=  " hello 
world").  To  avoid  this  problem,  either  rewrite  your  code  using  dot  (.)  notation,  or  select  the  ActionScript  1.0  compiler. 

1  Select  File  >  Publish  Settings. 

2  Select  the  ActionScript  version  from  the  Script  menu. 
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Class  files  and  configuration  files 

When  you  install  Flash  Professional,  several  ActionScript-related  configuration  folders  and  files  are  placed  on  your 
system.  If  you  modify  these  files  to  customize  the  authoring  environment,  back  up  the  original  files. 

ActionScript  classes  folder  Contains  all  of  the  built-in  ActionScript  2.0  classes  (AS  files).  Typical  paths  to  this  folder 
are  as  follows: 

•  Windows  7  and  8:  Hard  Disk\Program  Files\Adobe\Adobe  Flash  CC\Common\Configuration\ActionScript 
3.0\Configuration\  Classes 

•  Macintosh:  Hard  Disk/Users/user/Library/Application  Support/ Adobe/Flash  CC/Zcwzgzzczge/Configuration/Classes 

The  Classes  folder  is  organized  into  classes  for  Flash  Player  10  and  classes  for  Flash  Player  11.  For  more  information 
on  the  organization  of  this  directory,  see  the  Read  Me  file  in  the  Classes  folder. 

Include  class  folder  Contains  all  of  the  global  ActionScript  include  files.  Locations  are  as  follows: 

•  Windows  7  and  8:  Hard  Disk\Program  Files\Adobe\Adobe  Flash  CC\Common\Configuration\ActionScript 
3.0\libs\ 

•  Macintosh:  Hard  Disk/Users/user/Library/Application  Support/ Adobe/Flash  CC/Zcwzgzzczge/Configuration/In elude 

ActionsPanel.xml  configuration  file  Includes  the  configuration  file  for  ActionScript  code  hinting.  Separate  files 
provide  configuration  for  each  version  of  ActionScript  and  Flash  Lite,  and  for  JavaScript.  Locations  are  as  follows: 

•  Windows  7  and  8:  Hard  Disk\Program  Files\Adobe\Adobe  Flash  CC\Common\Configuration\ActionScript 
3.0\libs\ 

•  Macintosh:  Hard  Disk/Users/ zzser/Library/ Application  Support/ Adobe/Flash 
CC/Zazzgzzczge/Configuration/ActionsPanel 

AsColorSyntax.xml  configuration  file  The  configuration  file  for  ActionScript  code  color  syntax  highlighting.  Locations 
are  as  follows: 

•  Windows  7  and  8:  Hard  Disk\Program  Files\Adobe\Adobe  Flash  CC\Common\Configuration\ActionScript 
3.0\libs\ 

•  Macintosh:  Hard  Disk/Users/ tzser/Library/ Application  Support/ Adobe/Flash 
CC/Zczzzgzzczge/Configuration/ActionsPanel 


Declare  an  ActionScript  3.0  document  class 

When  you  use  ActionScript  3.0,  a  SWF  file  may  have  a  top-level  class  associated  with  it.  This  class  is  called  the 
document  class.  When  the  SWF  is  loaded  by  Flash  Player,  an  instance  of  this  class  is  created  to  be  the  SWF  file's  top- 
level  object.  This  object  of  a  SWF  file  can  be  an  instance  of  any  custom  class  you  choose. 

For  example,  a  SWF  file  that  implements  a  calendar  component  can  associate  its  top  level  with  a  Calendar  class,  with 
methods  and  properties  appropriate  to  a  calendar  component.  When  the  SWF  is  loaded,  Flash  Player  creates  an 
instance  of  this  Calendar  class. 

1  Deselect  all  objects  on  the  Stage  and  in  the  Timeline  by  clicking  a  blank  area  of  the  Stage.  This  displays  the 
Document  properties  in  the  Property  inspector. 

2  Enter  the  filename  of  the  ActionScript  file  for  the  class  in  the  Document  Class  text  box  in  the  Property  inspector. 
Do  not  include  the  .as  filename  extension. 

Note:  You  can  also  enter  the  Document  Class  information  in  the  Publish  Settings  dialog  box. 

Note:  Optionally,  you  can  also  enter  the  name  of  the  Class  within  a  SWC  file,  linked  in  Library  Path,  that  you  want  to  set 
as  the  Document  Class. 
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Set  the  location  of  ActionScript  files 

To  use  an  ActionScript  class  that  you’ve  defined,  Flash  Professional  must  locate  the  external  ActionScript  files  that 
contain  the  class  definition.  The  list  of  folders  in  which  Flash  Professional  searches  for  class  definitions  is  called  the 
classpath  for  ActionScript  2.0  and  the  source  path  for  ActionScript  3.0.  Classpaths  and  source  paths  exist  at  the 
application  (global)  and  document  level.  For  more  information  about  classpaths,  see  Classes  in  Learning  ActionScript 
2.0  in  Adobe  Flash  or  “Packages  ”  in  Learning  ActionScript  3.0. 

You  can  set  the  following  ActionScript  locations  in  Flash  Professional: 

•  ActionScript  2.0 

•  Application  level  (available  to  all  AS2  FLA  files): 

•  Classpath  (set  in  ActionScript  preferences) 

•  Document  level  (available  only  to  the  FLA  file  that  specifies  this  path): 

•  Classpath  (set  in  Publish  Settings) 

•  ActionScript  3.0 

•  Application  level  (available  to  all  AS3  FLA  files): 

•  Source  path  (set  in  ActionScript  preferences) 

•  Library  path  (set  in  ActionScript  preferences) 

•  External  library  path  (set  in  ActionScript  preferences) 

•  Document  level  (available  only  to  the  FLA  file  that  specifies  these  paths): 

•  Source  path  (set  in  Publish  Settings) 

•  Library  path  (set  in  Publish  Settings) 

•  Document  class  (set  in  Document  Property  inspector) 

The  Library  path  specifies  the  location  of  pre-compiled  ActionScript  code  which  resides  in  SWC  files  you  have  created. 
The  FLA  file  that  specifies  this  path  loads  every  SWC  file  at  the  top  level  of  this  path  and  any  other  code  resources  that 
are  specified  within  the  SWC  files  themselves.  If  you  use  the  Library  path,  be  sure  none  of  the  compiled  code  in  the 
SWC  files  is  duplicated  in  uncompiled  AS  files  in  the  Source  path.  The  redundant  code  will  slow  down  compilation  of 
your  SWF  file. 

You  can  specify  more  than  one  path  for  Flash  Professional  to  look  in.  Resources  found  in  any  of  the  paths  specified  will 
be  used.  When  you  add  or  modify  a  path,  you  can  add  absolute  directory  paths  (for  example,  C:/my_classes)  and 
relative  directory  paths  (for  example,  ../my_classes  or  "."). 

Set  the  classpath  for  ActionScript  2.0 

note:  ActionScript  2.0  is  deprecated  with  Flash  Professional  CC.  For  more  information,  see  this  article.To  set  the 
document-level  classpath: 

1  Select  File  >  Publish  Settings,  and  click  Flash. 

2  Verify  that  ActionScript  2.0  is  selected  in  the  ActionScript  Version  pop-up  menu,  and  click  Settings. 

3  Specify  the  frame  where  the  class  definition  should  reside  in  the  Export  Frame  for  Classes  text  field. 

4  To  add  paths  to  the  classpath  list,  do  any  of  the  following: 

•  To  add  a  folder  to  the  classpath,  click  the  Browse  to  Path  button  ££,  browse  to  the  folder  to  add,  and  click  OK. 

•  To  add  a  new  line  to  the  Classpath  list,  click  the  Add  New  Path  ^button.  Double-click  the  new  line,  type  a  relative 
or  absolute  path,  and  click  OK. 
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•  To  edit  an  existing  classpath  folder,  select  the  path  in  the  Classpath  list,  click  the  Browse  to  Path  button,  browse 
to  the  folder  to  add,  and  click  OK.  Alternatively,  double-click  the  path  in  the  Classpath  list,  type  the  desired  path, 
and  click  OK. 

•  To  delete  a  folder  from  the  classpath,  select  the  path  in  the  Classpath  list  and  click  the  Remove  Selected  Path 
button  _. 

To  set  the  application-level  classpath: 

1  Choose  Edit  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh)  and  click  the  ActionScript  category. 

2  Click  the  ActionScript  2.0  Settings  button  and  add  the  path(s)  to  the  Classpath  list 

Set  the  source  path  for  ActionScript  3.0 

To  set  the  document-level  source  path: 

1  Select  File  >  Publish  Settings,  and  click  Flash. 

2  Verify  that  ActionScript  3.0  is  selected  in  the  ActionScript  Version  pop-up  menu,  and  click  Settings.  Your  Flash 
Player  version  must  be  set  to  Flash  Player  9  or  later  to  use  ActionScript  3.0. 

3  Specify  the  frame  where  the  class  definition  should  reside  in  the  Export  Classes  in  Frame  text  field. 

4  Specify  the  Errors  settings.  You  can  select  Strict  Mode  and  Warnings  Mode.  Strict  Mode  reports  compiler  warnings 
as  errors,  which  means  that  compilation  will  not  succeed  if  those  types  of  errors  exist.  Warnings  Mode  reports  extra 
warnings  that  are  useful  for  discovering  incompatibilities  when  updating  ActionScript  2.0  code  to  ActionScript  3.0. 

5  (Optional)  Select  Stage  to  automatically  declare  stage  instances. 

6  Specify  ActionScript  3.0  or  ECMAScript  as  the  dialect  to  use.  ActionScript  3.0  is  recommended. 

7  To  add  paths  to  the  source  path  list,  do  any  of  the  following: 

•  To  add  a  folder  to  the  source  path,  click  the  Source  path  tab  and  then  click  the  Browse  To  Path  button  ^ ,  browse 
to  the  folder  to  add,  and  click  OK. 

•  To  add  a  new  line  to  the  Source  path  list,  click  the  Add  New  Path  ^button.  Double-click  the  new  line,  type  a 
relative  or  absolute  path,  and  click  OK. 

•  To  edit  an  existing  Source  path  folder,  select  the  path  in  the  Source  path  list,  click  the  Browse  To  Path  button, 
browse  to  the  folder  to  add,  and  click  OK.  Alternatively,  double-click  the  path  in  the  Source  path  list,  type  the 
desired  path,  and  click  OK. 

•  To  delete  a  folder  from  the  source  path,  select  the  path  in  the  Source  path  list  and  click  the  Remove  From  Path 
button  _. 

To  set  the  application-level  source  path: 

1  Choose  Edit  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh)  and  click  the  ActionScript  category. 

2  Click  the  ActionScript  3.0  Settings  button  and  add  the  path(s)  to  the  Source  path  list. 

Set  the  Library  path  for  ActionScript  3.0  files 

To  set  the  document-level  Library  path,  the  procedure  is  similar  to  setting  the  Source  path: 

1  Choose  File  Publish  Settings. 

2  Make  sure  ActionScript  3.0  is  specified  in  the  Script  menu  and  click  the  ActionScript  Settings  button. 

3  In  the  Advanced  ActionScript  3.0  Settings  dialog  box,  click  the  Library  path  tab. 

4  Add  the  library  path  to  the  Library  path  list.  You  can  add  folders  or  individual  SWC  files  to  the  path  list. 
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5  To  set  the  Link  Type  property,  double-click  Link  Type  in  the  property  tree  of  the  path.  The  choices  for  Link  Type  are: 

•  Merged  into  code:  The  code  resources  found  in  the  path  are  merged  into  the  published  SWF  file. 

•  External:  The  code  resources  found  in  the  path  are  not  added  to  the  published  SWF  file,  but  the  compiler  verifies 
that  they  are  in  the  locations  you  specified. 

•  Runtime  shared  library  (RSL):  Flash  Player  downloads  the  resources  at  runtime. 

To  set  the  Application-level  Library  path: 

1  Choose  Edit  Preferences  (Windows)  or  Flash  >  Preferences  (Macintosh)  and  click  the  ActionScript  category. 

2  Click  the  ActionScript  3.0  Settings  button  and  add  the  path(s)  to  the  Library  path  list. 

Compiling  ActionScript  conditionally 

You  can  use  conditional  compilation  in  ActionScript  3.0  in  the  same  way  that  it  has  been  used  in  C++  and  other 
programming  languages.  For  example,  you  can  use  conditional  compilation  to  turn  blocks  of  code  throughout  a  project 
on  of  off,  such  as  code  that  implements  a  certain  feature  or  code  used  for  debugging. 

Using  config  constants  that  you  define  in  the  publish  settings,  you  can  specify  whether  certain  lines  of  ActionScript 
code  are  compiled  or  not.  Each  constant  takes  the  following  form: 

CONFIG::SAMPLE_CONSTANT 

In  this  form,  CONFIG  is  the  config  namespace  and  SAMPLE_CONSTANT  is  the  constant  that  you  will  set  to  true  or 
false  in  the  publish  settings.  When  the  value  of  the  constant  is  true,  the  line  of  code  that  follows  the  constant  in 
ActionScript  is  compiled.  When  the  value  is  false,  the  line  of  code  that  follows  the  constant  is  not  compiled. 

For  example,  the  following  function  has  2  lines  of  code  that  are  compiled  only  if  the  value  of  the  constant  that  precedes 
them  is  set  to  true  in  the  publish  settings: 

public  function  CondCompTest ( )  { 

CONFIG: :COMPILE_FOR_AIR  { 

trace  ("This  line  of  code  will  be  compiled  when  COMPILE_JFOR_AIR=true .  " )  ; 

} 

CONFIG:  :COMPILE_FOR_BROWSERS  { 

trace ("This  line  of  code  will  be  compiled  when  COMPILE_FOR  BROWSERS=true . " ) ; 

} 

} 

To  define  a  config  constant  using  the  Publish  Settings  dialog  box: 

1  Choose  File  >  Publish  Settings. 

2  Ensure  that  the  Script  menu  set  to  ActionScript  3.0  and  click  the  Settings  button  next  to  the  menu. 

3  In  the  Advanced  ActionScript  3.0  Settings  dialog  box,  click  the  Config  Constants  tab. 

4  To  add  a  constant,  click  the  Add  button. 

5  Type  the  name  of  the  constant  you  want  to  add.  The  default  config  namespace  is  CONFIG  and  the  default  constant 
name  is  CONFIG_CONST. 

Note:  The  config  namespace  CONFIG  is  declared  by  the  Flash  Professional  compiler  automatically.  You  can  add  your 
own  config  namespaces  by  entering  them  with  a  constant  name  in  the  publish  settings  and  adding  them  to  your 
ActionScript  code  using  the  following  syntax: 

config  namespace  MY_CONFIG; 
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6  Enter  the  value  you  want  for  the  constant,  either  true  or  false.  You  change  this  value  in  order  to  turn  on  or  off 
compilation  of  specific  lines  of  code. 


Customizing  context  menus  in  Flash  documents  (CS5.5) 

You  can  customize  the  standard  context  menu  and  the  text-editing  context  menu  that  appears  with  SWF  files  in  Flash 

Player  7  and  later. 

•  The  standard  context  menu  appears  when  a  user  right-clicks  (Windows)  or  Control-clicks  (Macintosh)  on  a  SWF 
file  in  Flash  Player,  in  any  area  except  an  editable  text  field.  You  can  add  custom  items  to  the  menu,  and  hide  any 
built-in  items  in  the  menu  except  Settings  and  Debugger. 

•  The  editing  context  menu  appears  when  a  user  right-clicks  (Windows)  or  Control-clicks  (Macintosh)  in  an  editable 
text  field  in  a  SWF  file  in  Flash  Player.  You  can  add  custom  items  to  this  menu.  You  cannot  hide  any  built-in  items. 

Note:  Flash  Player  also  displays  an  error  context  menu  when  a  user  right-clicks  (Windows)  or  Control-clicks  (Macintosh) 

in  Flash  Player  and  no  SWF  file  is  loaded.  You  cannot  customize  this  menu. 

Customize  context  menus  in  Flash  Player  7  by  using  the  ContextMenu  and  ContextMenuItem  objects  in  ActionScript 

2.0.  For  more  information  on  using  these  objects,  see  ContextMenu  in  the  ActionScript  2.0  Language  Reference. 

Remember  the  following  conditions  when  creating  custom  context  menu  items  for  Flash  Player: 

•  Custom  items  are  added  to  a  context  menu  in  the  order  in  which  they  are  created.  You  cannot  modify  this  order  after 
the  items  are  created. 

•  You  can  specify  the  visibility  and  enabling  of  custom  items. 

•  Custom  context  menu  items  are  automatically  encoded  using  Unicode  UTF-8  text  encoding. 


Configuration  folders  installed  with  Flash  (CS5.5) 

Flash  Professional  places  several  configuration  folders  on  your  system  when  you  install  the  application.  The 
configuration  folders  organize  files  associated  with  the  application  into  appropriate  levels  of  user  access.  You  may  want 
to  view  the  contents  of  these  folders  when  you  are  working  with  ActionScript*  or  components.  The  configuration 
folders  for  Flash  Professional  are  as  follows: 

Application-level  configuration  folder 

Because  it  is  in  the  application  level,  non-administrative  users  do  not  have  write  access  to  this  directory.  Typical  paths 
to  this  folder  are  as  follows: 

•  In  Microsoft  Windows  XP  or  Microsoft  Windows  Vista,  browse  to  boot  drive\ Program  Files\Adobe\Adobe  Flash 
CS3\Zajzguage\Configuration\. 

•  On  the  Macintosh,  browse  to  Macintosh  HD/ Applications/ Adobe  Flash  CS3/Configuration/. 

First  Run  folder 

This  sibling  to  the  application-level  configuration  folder  facilitates  sharing  configuration  files  among  users  of  the  same 
computer.  Folders  and  files  in  the  First  Run  folder  are  automatically  copied  to  the  user-level  configuration  folder.  Any 
new  files  placed  in  the  First  Run  folder  are  copied  to  the  user-level  configuration  folder  when  you  start  the  application. 

Typical  paths  to  the  First  Run  folder  are  as  follows: 

•  In  Windows  XP  or  Vista,  browse  to  boot  drive\ Program  Files\Adobe\Adobe  Flash  CS3\language\First  Run\. 

•  On  the  Macintosh,  browse  to  Macintosh  HD/ Applications/ Adobe  Flash  CS3/First  Run/. 

User-level  configuration  folder 
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Found  in  the  user  profile  area,  this  folder  is  always  writable  by  the  current  user.  Typical  paths  to  this  folder  are  as 
follows: 

•  In  Windows  XP  or  Vista,  browse  to  boot  drive\Documents  and  Settmgs\usernameXLocal  Settings\Application 
Data\Adobe\Flash  CS3\Za;zguage\Configuration. 

•  On  the  Macintosh,  browse  to  Macintosh  HD/Users/usenzczme/Library/Application  Support/ Adobe/Flash 
CS3/ language / Configuration/. 

All-user-level  configuration  folder 

Found  in  the  common  user  profile  area,  this  folder  is  part  of  the  standard  Windows  and  Macintosh  operating  system 
installations  and  is  shared  by  all  users  of  a  particular  computer.  The  operating  system  makes  available  to  all  users  of  the 
computer  any  files  placed  in  this  folder.  Typical  paths  to  this  folder  are  as  follows: 

•  In  Windows  XP  or  Vista,  browse  to  boot  drive\Documents  and  Settings\All  Users\Application  Data\Adobe\Flash 
CS3\ZcHzg«age\Configuration\. 

•  On  the  Macintosh,  browse  to  Macintosh  HD/Users/Shared/ Application  Support/ Adobe/Flash 
CS3/ language / Configuration/. 

Restricted  Users  configuration  folder 

For  users  with  restricted  privileges  on  a  workstation,  typically,  in  a  networked  environment,  only  system  administrators 
have  administrative  access  to  workstations.  All  other  users  are  given  restricted  access,  which  usually  means  that  these 
users  can’t  write  to  application-level  files  (such  as  the  Program  Files  directory  in  Windows  or  the  Applications  folder  in 
Macintosh  OS  X). 


Exporting  Video  with  Flash  Professional  CS6 

Note:  This  article  applies  for  Flash  Professional  CS6  and  earlier  versions  only.  For  latest  information  about  the  Export 
Video  functionality,  see . 

About  Video  for  Adobe  Flash  Player  (FLV) 

With  Flash  Pro,  you  can  import  or  export  video  with  encoded  audio.  Flash  can  import  FLV  video  and  export  FLV  or 
QuickTime  (MOV).  Use  video  with  communications  applications,  such  as  video  conferencing  or  files  that  contain 
screen-share  encoded  data  exported  from  Adobe’s  Flash  Media  Server. 

When  you  export  video  clips  from  Flash  in  FLV  format  with  streaming  audio,  the  Streaming  Sound  dialog  box  settings 
compress  the  audio. 

Files  in  the  FLV  format  are  compressed  with  the  Sorenson  codec. 

Export  a  copy  of  an  FLV  file  from  the  Library 

1  Right-click  the  FLV  video  clip  in  the  Library  panel. 

2  Choose  Properties  from  the  context  menu. 

3  In  the  Video  Properties  dialog  box,  click  Export. 

4  Enter  a  name  for  the  exported  file.  Select  a  location  to  save  it  to,  click  Save,  and  click  OK. 

About  QuickTime 
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Flash  Pro  provides  two  methods  of  exporting  Flash  Pro  documents  as  QuickTime: 

QuickTime  export  Exports  a  QuickTime  file  that  can  be  distributed  as  streaming  video,  on  a  DVD,  or  used  in  a  video 
editing  application  such  as  Adobe*  Premiere  Pro*.  QuickTime  export  is  intended  for  users  who  want  to  distribute  Flash 
Pro  content,  such  as  animation,  in  the  QuickTime  video  format. 

Be  aware  that  the  performance  of  the  computer  used  to  export  QuickTime  video  may  affect  the  quality  of  the  video.  If 
Flash  is  unable  to  export  each  frame,  it  will  drop  frames,  resulting  in  poor  video  quality.  If  you  encounter  dropped 
frames,  try  using  a  faster  computer  with  more  memory  or  reduce  the  frames  per  second  of  the  Flash  document. 

Publish  as  QuickTime  Creates  an  application  with  a  Flash  Pro  track  in  the  same  QuickTime  format  installed  on  your 
computer.  This  lets  you  combine  the  interactive  features  of  Flash  Pro  with  the  multimedia  and  video  features  of 
QuickTime  in  a  single  QuickTime  4  movie,  which  anyone  with  QuickTime  4  or  later  can  view. 

If  you  import  a  video  clip  (in  any  format)  into  a  document  as  an  embedded  file,  you  can  publish  the  document  as  a 
QuickTime  movie.  If  you  import  a  video  clip  in  QuickTime  format  into  a  document  as  a  linked  file,  you  can  also  publish 
the  document  as  a  QuickTime  movie. 

Exports  all  layers  in  the  Flash  Pro  document  as  a  single  Flash  Pro  track,  unless  the  document  contains  an  imported 
QuickTime  movie.  The  imported  QuickTime  movie  remains  in  QuickTime  format  in  the  exported  application. 

Export  QuickTime 

1  Select  File  >  Export  >  Export  Movie. 

2  Specify  settings  for  the  QuickTime  movie  to  export.  By  default,  QuickTime  export  creates  a  movie  file  using  the 
same  dimensions  as  the  source  Flash  document  and  exports  the  Flash  document  in  its  entirety.  The  Export 
QuickTime  Video  dialog  box  contains  the  following  options: 

Dimensions  The  width  and  height  in  pixels  for  the  frames  of  the  QuickTime  movie.  You  can  specify  only  the  width 
or  the  height;  the  other  dimension  is  automatically  set  to  maintain  the  aspect  ratio  of  your  original  document.  To 
set  both  the  width  and  the  height  independently  of  each  other,  deselect  Maintain  Aspect  Ratio. 

Note:  If  the  dimensions  of  the  video  are  particularly  large  (for  example,  740  x  480 pixels),  you  may  need  to  change  the 
frame  rate  of  the  movie  to  avoid  dropping  frames. 

Note:  The  Dimensions  option  you  set  in  the  QuickTime  Export  Settings  dialog  is  for  the  width  and  height  of  the  FLA 
file  exported  as  video.  The  dimensions  you  set  in  the  QuickTime  Settings  dialog  specify  the  size  of  the  exported 
QuickTime  movie.  If  you  do  not  change  the  size  in  the  later  dialog,  it  remains  as  “current”  so  you  do  not  need  to  change 
it. 

Ignore  stage  color  Creates  an  alpha  channel  using  the  stage  color.  The  alpha  channel  is  encoded  as  a  transparent 
track,  letting  you  overlay  the  exported  QuickTime  movie  on  top  of  other  content  to  alter  the  background  color  or 
scene. 

To  create  a  QuickTime  video  with  an  alpha  channel,  you  must  select  a  video  Compression  Type  that  supports  32-bit 
encoding  with  an  alpha  channel.  Codecs  that  support  this  are  Animation,  PNG,  Planar  RGB,  JPEG  2000,  TIFF,  or 
TGA.  You  must  also  select  Million  of  Color+  from  the  Compressor/Depth  setting.  To  set  the  compression  type  and 
color  depth,  click  the  Settings  button  in  the  Video  category  of  the  Movie  Settings  dialog  box. 

When  last  frame  is  reached  Exports  the  entire  Flash  document  as  a  movie  file. 

After  time  has  elapsed  The  duration  of  the  Flash  document  to  export  in  hours:minutes:seconds:milliseconds. 

QuickTime  Settings  Opens  the  advanced  QuickTime  settings  dialog  box.  The  Advanced  settings  let  you  specify 
custom  QuickTime  settings.  In  general,  use  the  default  QuickTime  settings,  as  they  provide  optimal  playback 
performance  for  most  applications.  To  modify  the  QuickTime  settings,  see  the  documentation  provided  with  Apple 
QuickTime  Pro  for  information  on  the  available  video  parameters. 


Last  updated  6/1 2/2015 


Exporting  and  Publishing 


437 


3  Click  Export. 

The  following  video  tutorials  demonstrate  exporting  QuickTime  video  from  Flash  Pro.  Some  videos  may  show  the 
Flash  Pro  CS3  or  CS4  interface,  but  are  still  applicable  to  Flash  Pro  CS5. 

•  Exporting  QuickTime  files  (4:42) 

•  Flash  plays  well  with  others  -  Part  1:  QuickTime  (12:45)  Tonyteach.com.  This  video  goes  a  little  slowly,  but  is  worth 
it. 

Windows  AVI  (Windows) 

Exports  a  document  as  a  Windows  video  but  discards  any  interactivity.  Good  for  opening  a  Flash  Pro  animation  in  a 
video-editing  application.  Because  AVI  is  a  bitmap-based  format,  documents  that  contain  long  or  high-resolution 
animations  can  quickly  become  very  large. 

The  Export  Windows  AVI  dialog  box  has  the  following  options: 

Dimensions  Specifies  a  width  and  height,  in  pixels,  for  the  frames  of  an  AVI  movie.  Specify  only  the  width  or  the  height; 
the  other  dimension  is  automatically  set  to  maintain  the  aspect  ratio  of  your  original  document.  To  set  both  the  width 
and  the  height,  deselect  Maintain  Aspect  Ratio. 

Video  Format  Selects  a  color  depth.  Some  applications  do  not  yet  support  the  Windows  32-bpc  image  format.  If  this 
format  presents  problems,  use  the  older  24-bpc  format. 

Compress  Video  Select  standard  AVI  compression  options. 

Smooth  Applies  anti-aliasing  to  the  exported  AVI  movie.  Anti-aliasing  produces  a  higher-quality  bitmap  image,  but  it 
can  cause  a  halo  of  gray  pixels  to  appear  around  images  when  placed  over  a  colored  background.  Deselect  if  a  halo 
appears. 

Sound  Format  Set  the  sample  rate  and  size  of  the  soundtrack,  and  whether  to  export  in  mono  or  stereo.  The  smaller 
the  sample  rate  and  size,  the  smaller  the  exported  file,  with  a  possible  trade-off  in  sound  quality. 

WAV  audio  (Windows) 

Exports  only  the  sound  file  of  the  current  document  to  a  single  WAV  file.  You  can  specify  the  sound  format  of  the  new 
file. 

To  determine  the  sampling  frequency,  bit  rate,  and  stereo  or  mono  setting  of  the  exported  sound,  select  Sound  Format. 
To  exclude  events  sounds  from  the  exported  file,  select  Ignore  Event  Sounds. 


HTML  publishing  templates 


About  HTML  publishing  templates 

A  Flash  Professional  HTML  template  is  a  file  that  contains  static  HTML  code  and  flexible  template  code  consisting  of 
a  special  type  of  variables  (which  differ  from  ActionScript  variables).  When  you  publish  a  SWF  file,  Flash  Professional 
replaces  these  variables  with  the  values  you  select  in  the  HTML  tab  of  the  Publish  Settings  dialog  box  and  produces  an 
HTML  page  with  your  SWF  file  embedded. 

Flash  Professional  includes  templates,  suitable  for  most  users’  needs,  that  eliminate  the  need  to  manually  create  an 
HTML  page  that  displays  the  SWF  file.  For  example,  the  Flash  Only  template  is  useful  for  testing  your  files  in  a  browser. 
It  places  the  SWF  file  on  the  HTML  page  so  that  you  can  view  it  through  a  web  browser  with  the  Flash  Player  installed. 
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To  publish  a  new  HTML  page,  use  the  same  template  and  change  the  settings.  You  can  create  custom  templates  using 
any  HTML  editor.  Creating  a  template  is  the  same  as  creating  a  standard  HTML  page,  except  that  you  replace  specific 
values  pertaining  to  a  SWF  file  with  variables  that  begin  with  a  dollar  sign  ($). 

Flash  Professional  HTML  templates  have  the  following  special  characteristics: 

•  A  one-line  title  that  appears  on  the  Template  pop-up  menu  on  the  HTML  tab  of  the  Publish  Settings  dialog  box. 

•  A  longer  description  that  appears  when  you  click  Info  on  the  HTML  tab  of  the  Publish  Settings  dialog  box. 

•  Template  variables  beginning  with  a  dollar  sign  ($)  that  specify  where  parameter  values  should  be  substituted  when 
Flash  Professional  generates  the  output  file. 

note:  Use  a  backslash  and  dollar  sign  (\$)  combination  to  use  a  dollar  sign  for  another  purpose  in  the  document. 

•  HTML  object  and  embed  tags  that  follow  the  tag  requirements  of  Microsoft  Internet  Explorer  and  Netscape* 
Communicator*  or  Navigator*,  respectively.  To  display  a  SWF  file  properly  on  an  HTML  page,  follow  these  tag 
requirements.  Internet  Explorer  uses  the  object  HTML  tag  to  open  a  SWF  file;  Netscape  uses  the  embed  tag. 


Customize  HTML  publishing  templates 

Modify  HTML  template  variables  to  create  an  image  map,  a  text  report,  or  a  URL  report,  or  to  insert  custom  values  for 
some  of  the  most  common  Flash  Professional  HTML  object  and  embed  tag  parameters  (for  browsers  that  use  ActiveX 
controls  and  plug-ins,  respectively). 

Flash  Professional  templates  can  include  any  HTML  content  for  your  application  or  even  code  for  interpreters  such  as 
ColdFusion  and  ASP. 

1  Using  an  HTML  editor,  open  the  Flash  Professional  HTML  template  to  change.  These  templates  are  in  the  following 
locations: 

•  Windows  XP  or  Vista:  boot  drive: \Documents  and  SettingsWseriLocal  Settings\Application  Data\Adobe\Flash 
CS5\ZcHzguage\Configuration\HTML\.  The  Application  Data  folder  is  usually  a  hidden  folder;  you  might  need  to 
change  your  Windows  Explorer  settings  to  see  this  folder. 

•  Mac  OS  X  10.3  and  later:  Macintosh  HD/ Applications/ Adobe  Flash  CS5llanguagelFirst  Run/HTML. 

The  boot  drive  is  the  drive  from  which  the  Windows  operating  system  boots  (usually  C:).  The  user  is  the  name  of 
the  person  logged  in  to  the  Windows  operating  system.  The  language  is  set  to  an  abbreviated  language  name.  For 
example,  in  the  US,  language  is  set  to  “en”  for  English. 

2  Edit  the  template. 

3  Save  the  template  in  the  same  folder  that  you  retrieved  it  from. 

4  To  apply  the  template  settings  to  your  SWF  file,  select  File  >  Publish  Settings,  click  HTML,  and  select  the  template 
you  modified.  Flash  Professional  changes  only  the  template  variables  in  the  template  selected. 

5  Select  your  remaining  publish  settings,  and  click  OK. 

HTML  template  variables 

The  following  table  lists  the  template  variables  that  Flash  Professional  recognizes: 
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Attribute/parameter 

Template  variable 

Template  title 

$TT 

Template  description  start 

$DS 

Template  description  finish 

$DF 

Flash  Professional  (SWF  file)  title 

$T1 

Flash  Professional  (SWF  file)  title  for  search  engine  metadata 

STL 

Description  for  search  engine  metadata 

$DC 

Metadata  XML  string  for  use  with  search  engines 

$MD 

Width 

$WI 

Height 

SHE 

Movie 

$MO 

HTML  alignment 

$HA 

Looping 

SLO 

Parameters  for  object 

$PO 

Parameters  for  embed 

SPE 

Play 

SPL 

Quality 

SQU 

Scale 

SSC 

Salign 

$SA 

Wmode 

$WM 

Devicefont 

SDE 

Bgcolor 

$BG 

Movie  text  (area  to  write  movie  text) 

$MT 

Movie  URL  (location  of  SWF  file  URL) 

$MU 

Image  width  (unspecified  image  type) 

$IW 

Image  height  (unspecified  image  type) 

SIH 

Image  filename  (unspecified  image  type) 

SIS 

Image  map  name 

SIU 

Image  map  tag  location 

SIM 

QuickTime  width 

SQW 

QuickTime  height 

SQH 

QuickTime  filename 

SQN 

GIF  width 

$GW 

GIF  height 

$GH 

GIF  filename 

$GN 
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Attribute/parameter 

Template  variable 

JPEG  width 

$JW 

JPEG  height 

$JH 

JPEG  filename 

$JN 

PNG  width 

$PW 

PNG  height 

$PH 

PNG  filename 

$PN 

Using  shorthand  template  variables 

The  $PO  (for  object  tags)  and  $PE  (for  embed  tags)  template  variables  are  useful  shorthand  elements.  Each  variable 
causes  Flash  Professional  to  insert  into  a  template  any  nondefault  values  for  some  of  the  most  common  object  and 
embed  parameters,  including  PLAY  ($PL),  QUALITY  ($QU),  SCALE  ($SC),  SALIGN  ($SA),  WMODE  ($WM), 
DEVICEFONT  ($DE),  and  BGCOLOR  ($BG). 

Sample  HTML  template 

The  following  Default.HTML  template  file  in  Flash  Professional  includes  many  of  the  commonly  used  template 
variables: 

$TTFlash  Only 
$DS 

Display  Adobe  SWF  file  in  HTML. 

$DF 

< ! DOCTYPE  html  PUBLIC  " -//W3C//DTD  XHTML  1.0  Transitional//EN" 

"http : / /www . w3 . org/TR/xhtmll/DTD/xhtmll -transitional . dtd" > 

<html  xmlns= "http : //www . w3 . org/1999/xhtml "  xml : lang="en"  lang="en"> 

<head> 

$CS 

<title>$TI</title> 

< /head> 

<body  bgcolor= " $BG" > 

<!--url's  used  in  the  movie- -> 

$MU 

<!--text  used  in  the  movie- -> 

$MT 

<obj ect  classid= "clsid : d2  7cdb6e-ae6d- llcf -96b8 -444  553  54 0000 " 

codebase= "http : //f pdownload . adobe . com/pub/ shockwave /cabs /f lash/ swf lash . cab#version=7 , 0,0,0" 
width= " $WI "  height  = " $HE 11  id="$TI"  align= 11  $HA" > 

<param  name="allowScriptAccess"  value= " sameDomain"  /> 

$PO 

<embed  $PEwidth= " $WI "  height  = " $HE 11  name="$TI"  align="$HA"  allowScriptAccess= "  sameDomain" 
type= " appli cat ion/x- shockwave -flash"  pluginspage= "http : //www . adobe . com/go/get flashplayer"  /> 
< /obj  ect> 

< /body> 

</html> 
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Create  an  image  map  to  substitute  for  a  SWF  file 

Flash  Professional  can  generate  an  image  map  to  show  any  image  and  maintain  the  function  of  buttons  that  link  to 
URLs.  When  an  HTML  template  includes  the  $IM  template  variable,  Flash  Professional  inserts  the  image  map  code. 
The  $IU  variable  identifies  the  name  of  the  GIF,  JPEG,  or  PNG  file. 

1  In  your  document,  select  the  keyframe  to  use  for  the  image  map  and  label  it  #Map  in  the  frame  Property  inspector 
(Window  >  Properties).  Use  any  keyframe  with  buttons  that  have  attached  ActionScript  1.0  or  2.0  getURL  actions. 

If  you  don’t  create  a  frame  label,  Flash  Professional  creates  an  image  map  using  the  buttons  in  the  last  frame  of  the 
SWF  file.  This  option  generates  an  embedded  image  map,  not  an  embedded  SWF  file. 

2  To  select  the  frame  to  show  the  image  map,  do  one  of  the  following: 

•  For  PNG  or  GIF  files,  label  the  frame  to  appear  as  #Static. 

•  For  JPEG,  during  the  publish  operation,  place  the  playhead  on  the  frame  to  be  used  for  display. 

3  In  an  HTML  editor,  open  the  HTML  template  you’ll  modify. 

4  Save  your  template. 

5  Select  File  >  Publish  Settings,  click  Format,  select  a  format  for  the  image  map,  and  click  OK. 

For  example,  insert  the  following  code  in  a  template: 

$  IM 

<img  src=$IS  usemap=$IU  width=$IW  height=$IH  BORDER=Ox/img> 

This  might  produce  the  following  code  in  the  HTML  document  that  the  Publish  command  creates: 

<map  name= "mymovie " > 

<area  coords= " 13 0 , 116 , 214 , 182 "  href ="http : //www . adobe . com" > 

</map> 

<img  src= "mymovie . gif "  usemap="#mymovie"  width=550  height=400  border=0x/img> 


Creating  text  and  URL  reports 

The  $MT  template  variable  causes  Flash  Professional  to  insert  all  the  text  from  the  current  SWF  file  as  a  comment  in 
the  HTML  code.  This  is  useful  for  indexing  the  content  of  a  SWF  file  and  making  it  visible  to  search  engines. 

The  $MU  template  variable  makes  Flash  Professional  generate  a  list  of  the  URLs  that  actions  in  the  current  SWF  file 
refer  to  and  insert  the  list  at  the  current  location  as  a  comment.  This  action  lets  link  verification  tools  detect  and  verify 
the  links  in  the  SWF  file. 


metadata  in  the 
search  results.  Use 

More  Help  topics 

Examples  using  object  and  embed  tags 

Publishing  overview 

Specify  publish  settings  for  HTML  documents 


Embedding  search  metadata 

The  $TL  (SWF  file  title)  and  $DC  (description  metadata)  template  variables  let  you  include  search 
HTML.  This  ability  can  make  the  SWF  file  more  visible  to  search  engines,  and  provide  meaningful 
the  $MD  template  variable  to  include  the  search  metadata  as  an  XML  string. 
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